ion-icon: Icon Component for Ionic Framework Apps

�doctype html> ion-icon: Icon Component for Ionic Framework Apps

!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return ne7�URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{cons4�a=ne7�URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data-")){var n=t.replace("docusaurus-data+"+"+"+"+"data+"+"+");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}return!1}())�_script><di6�id="__docusaurus"><div role="region" aria-label="メインコンテンツまでスキップ"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">メインコンテンツまでスキップ</a></div><di6�class="announcementbar_mb4j" role="banner"><di6�class="content_kng5 5 5 announcementBarContent_xLdY"><a href="https:�]www.outsystems.com/?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none" target="_blank" rel="noopener"><span>An <strong>OutSystems</strong> Company →�_span></a></div></div><di6�id="__docusaurus_skiptocontent_fallback" class="main-wrapper mainWrapper_CIJY"><di6�class="docswrapper_hbab"><button aria-label="先頭へ戻る" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button">�_button><di6�class="docroot_ubd9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><di6�class="sidebarviewport_arkj"><a target="_self" href= Ydocs/j�t"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_a><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" target="_self" href="/doctzja."."><img src= Ydocs/j�tlogotzionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�8" width="�0�09"><img src= Ydocs/j�tlogotzionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�8" width="�0�09"></a><na6�aria-label="ドキュメントのサイドバー" class="men5�thin-scrollbar menu_SIkG menuWithAnnouncementBar_G�0�0�0s"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tcomponents">Getting Started</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/components">UIコンポーネント�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vaccordion">Accordion�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vaccordion">ion-accordion�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/accordion-group">ion-accordion-group</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/action-sheet">Action Sheet</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/action-sheet">ion-action-sheet</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/alert">Alert</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/alert">ion-alert</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/badge">Badge</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/badge">ion-badge</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/breadcrumb">Breadcrumbs�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbreadcrumb">ion-breadcrumb�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/breadcrumbs">ion-breadcrumbs</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/button">Button</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/button">ion-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vripple-effect">ion-ripple-effect�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vcard">Card�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard">ion-card�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card-content">ion-card-content</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard-header">ion-card-header�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card-subtitle">ion-card-subtitle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard-title">ion-card-title�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vcheckbox">Checkbox�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcheckbox">ion-checkbox�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vchip">Chip�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vchip">ion-chip�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vapp">Content�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vapp">ion-app�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/content">ion-content</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/datetime">Date &amp<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>�Time Pickers�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vdatetime">ion-datetime�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/datetime-button">ion-datetime-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpicker">ion-picker�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/picker-column">ion-picker-column</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpicker-column-option">ion-picker-column-option�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/picker-legacy">ion-picker-legacy</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/fab">Floating Action Button�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vfab">ion-fab�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/fab-button">ion-fab-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vfab-list">ion-fab-list�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vgrid">Grid�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vgrid">ion-grid�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/col">ion-col</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrow">ion-row�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" href="/doctzja/api/icon">Icons�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/doctzja/api/icon">ion-icon</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/infinite-scroll">Infinite Scroll</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/infinite-scroll">ion-infinite-scroll</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinfinite-scroll-content">ion-infinite-scroll-content�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vinput">Inputs</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/input">ion-input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinput-password-toggle">ion-input-password-toggle�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/input-otp">ion-input-otp</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtextarea">ion-textarea�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vitem">Item�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem">ion-item�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-divider">ion-item-divider</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-group">ion-item-group�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-sliding">ion-item-sliding</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-options">ion-item-options�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-option">ion-item-option</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vlabel">ion-label�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/note">ion-note</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/list">List</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/list">ion-list</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vlist-header">ion-list-header�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" href="/doctzja/api/avatar">Media�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vavatar">ion-avatar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="."."." href= Ydocs/j�tap}vicon">ion-icon�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/img">ion-img</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vthumbnail">ion-thumbnail�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vmenu">Menu�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vmenu">ion-menu�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/menu-button">ion-menu-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vmenu-toggle">ion-menu-toggle�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/split-pane">ion-split-pane</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/modal">Modal</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/modal">ion-modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbackdrop">ion-backdrop�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vnav">Navigation</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/nav">ion-nav</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vnav-link">ion-nav-link�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vpopover">Popover�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpopover">ion-popover�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vloading">Progress Indicators�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vloading">ion-loading�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/progress-bar">ion-progress-bar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vskeleton-text">ion-skeleton-text�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/spinner">ion-spinner</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/radio">Radio</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/radio">ion-radio</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vradia-group">ion-radio-group�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vrange">Range�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrange">ion-range�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vrefresher">Refresher�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrefresher">ion-refresher�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/refresher-content">ion-refresher-content</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/reorder">Reorder</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/reorder">ion-reorder</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vreorder-group">ion-reorder-group�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vrouter">Routing</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/router">ion-router</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrouter-link">ion-router-link�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/router-outlet">ion-router-outlet</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vroute">ion-route�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/route-redirect">ion-route-redirect</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/searchbar">Searchbar</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/searchbar">ion-searchbar</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/segment">Segment</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/segment">ion-segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsegment-button">ion-segment-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/segment-content">ion-segment-content</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsegment-view">ion-segment-view�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vselect">Select�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vselect">ion-select�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/select-option">ion-select-option</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/tabs">Tabs</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/tabs">ion-tabs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtab">ion-tab�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/tab-bar">ion-tab-bar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtab-button">ion-tab-button�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtoast">Toast�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtoast">ion-toast�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtoggle">Toggle�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtoggle">ion-toggle�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtoolbar">Toolbar�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtoolbar">ion-toolbar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/header">ion-header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vfooter">ion-footer�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/title">ion-title</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbuttons">ion-buttons�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/back-button">ion-back-button</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/text">Typography</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/text">ion-text</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api">Resources</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api">APIインデックス</a></li>�_ul></li>�_ul></nav></div></div></aside><div><nav aria-label="ナビゲーション" class="navbar navbar--fixed-to0�navbarHideable_m1mJ"><di6�class="navbar__inner"><div class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0�0�0�0�0�00 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="1."."." stroke-width=(� N)�" d="M2 2 2 7h(� g)�M4 15h(� g)�M4(��N)�3h(� g)�">�_path></svg></button><a class="navbar__brand" target="_self" href="/doctzja."."><di6�class="navbar__logo"><img src= Ydocs/j�tlogotzionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�8" width="�0�09"><img src= Ydocs/j�tlogotzionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�8" width="�0�09"></div></a><a class="navbar__item navbar__link" href="/doctzja.".">Guide�_a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/doctzja/components">Components</a><a class="navbar__item navbar__link" href="/doctzja/cli">CLI</a><a class="navbar__item navbar__link" href="/doctzja/native">Native</a><a class="navbar__item navbar__link cta" href="/doctzja/updatin�u8-.".".">Ionic v8.0.0 Upgrade Guide</a></div><di6�class="navbar__items navbar__items--right"><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href= Ydocs/j�tap}vicon">v8�_a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href="/doctzja/api/icon">v8</a></li><li><a class="dropdown__link" href="/doctzja/v_ap}vicon">v7�_a>�_li><li><a href="https:�]ionic-docs-fo03f34h5-ionic1.vercel.app/doctzv6" target="_self" rel="noopener noreferrer" class="dropdown__link">v6�_a>�_li><li><a href="https:�]ionic-docs-5utg8ms4c-ionic1.vercel.app/doctzv5" target="_self" rel="noopener noreferrer" class="dropdown__link">v5�_a>�_li><li><a href="https:�]ionicframework.com/doctzv4/components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4�_a>�_li><li><a href="https:�]ionicframework.com/doctzp�c�."." target="_blank" rel="noopener noreferrer" class="dropdown__link">p�c��_a>�_li></ul>�_div><div class="navbarSearchContainer_Bcs"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索 (Command+K)"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0(��N)�0 20" aria-hidden="true"><path d="4.385 5 14�0�0�0�0�086l4.0875 5 5 4.0877-4.0877-4.0877c-2.9418(��N)�.99-7.15(��N)�.99-10.6�0�0�02 2 0-2.9419(�(g)�.98-2.9419-7.7�5 0-10.6�0�0�02 2 2.9418(�(g)�.99 7.15(�(g)�.99 10.6�0�0�02 2 0 2.9419(��N)�.98 2.9419 7.7�5 0 10.6�0�0�03z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path>�_svg><span class="DocSearch-Button-Placeholder">検索</span>�_span><span class="DocSearch-Button-Keys"></span>�_button></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--community">Community</a><ul class="dropdown__menu"><li><a href="httpsa_/ionicframework.co�wcommunity" target="_blank" class="dropdown__link">Communit9�Hub<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]forum.ionicframework.com."." target="_blank" class="dropdown__link">Forum<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]www.meetup.com/topictzionic-framewor�v" target="_blank" class="dropdown__link">Meetups<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/blog.ionicframework.com."." target="_blank" class="dropdown__link">Blog<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/twitter.com/ionicframework" target="_blank" class="dropdown__link">Twitter<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li></ul>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--support">Support�_a><ul class="dropdown__menu"><li><a href="https:�]ionicframework.com/support" target="_blank" class="dropdown__link">Hel0�Center<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/ionic.zendesk.com."." target="_blank" class="dropdown__link">Customer Support<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/ionicframework.co�wadvisory" target="_blank" class="dropdown__link">Enterprise Advisory<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><di6�class="navbar__item"><di6�class="separator" aria-hidden>�_div>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link icon-link language navbar__item"><svg xmlns="http:�]www.d�m�.org(�W)�00�]svg" viewBox="0 0 �2 �2" width="(� g)�" height="(� g)�" aria-hidden="true" class="iconLanguage_nlXk"><path fill="currentColor" d="M478�0�0�0�0�02 2 �0�0�0�0�03.6l-90-8a(� g)�(��N)�2 0 00-40.67 0l-DS(��N)�182 (� g)� 0 1040.67 16.79�0�0�0�016.65 5 406h102.67�8.�0�0�0�0 44.39(�O)�2 (� g)� 0 00458 4642 (� g)� 0 0(��e)�0.(�>y)��0�0�0�00.4z�0�0�0�034.82 2 362L368 281.65 401.15 5 5 362zM267.82 2 2 342.(��N)�2 (� g)� 0 00-4.89�0�0�0�00.7c-.2-.15-15-11.�0�0�0�0�0�06.49�0�0�0�04.�0�0�0�0�0�0�09.65-53.68 62.�-114.75 (�ё)�7-143.49�0�0�0�0302 (� g)� 0 000-44H4V702 (� g)� 0 00-44 0��0H542 (� g)� 0 000 44h197.25c-9.(�yr)�(��N)�6.95(�(g)�7.05 69.5-�0�0�0.79 108.36�0�0�0�01.-41.68-43.08-68.65-43.17-68.872 (� g)� 0 00-40.58 17c.58 1�0�0�0�0�08 14.55 34(�ё)�2 2 (�yr)�.85 5 �0�0�0.93.(��N)� 1.19 1.�0�0�0(��N)��0�0�0�0�05 2.74�0�0�0�0�0.51-39(�ё)�2 2 2 44�0�0�0�0�05-77.72 2 2 .86-�0�0�0.85 AS.74a(� g)�(��N)�2 0 10.05 5 5 38.63c2.16-1.18 48.6(�(g)�6.89 101.63-85.59 (� g)�.52 24.08 38�0�0�0�0�05.44�0�0�0�0�08.�0�0�0�0�0�0�0�06.1a(� g)�(��N)�2 0 0030.75-4.9z">�_path></svg><span class="localeVisuallyHidden_pF54">日本語�_span></a><ul class="dropdown__menu"><li><a href= Ydocs/api/icon" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English�_a>�_li><li><a href="/doctzja/api/icon" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語</a></li><li><a href="httpsa_/ionicframework.co�wtranslate" target="_blank" class="dropdown__link">Translate<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li></ul>�_div><a href="httpsa_/twitter.com/Ionicframework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-twitter" aria-label="Twitter"></a><a href="https:�]ionic.link/discord" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-discord" aria-label="Discord">�_a><a href="httpsa_/github.co�wionic-team/ionic-framework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-github" aria-label="GitHub repository"></a><di6�class="toggle_vylo colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="ダークモードを切り替える(現在はライト�モード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite" aria-pressed="false"><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M(�*h)�,9u.65,0,3,1.35�0�0�0�0�0�0s-1.35�0�0�0�0�0�0�0�0�0�0s-3-1.35�0�0�0�0�0�0�0�0e0.35,9,12,9 2,7c(�(g)�.76,0-5,2.24-5,5�(�ё)�4,5,5,5s5-2.24,5-5 S14.76,7,(�*h)�,72,7z M2,�0�0,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e.45,�0�0(�4l)�,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e9.45,13,20,13z M�(�4l)��c0,0.55,0.45,1,1,1 -0.45,1-1V2c0-0.55-0.45-1-1-1S�,1.45,�(�4l)�+�1,20��c0,0.55,0.45,1,1,1 -0.45,1-1v(�(g)�c0-0.55-0.45-1-1-11.45,19,�,19.45,11,20+�M5.99,4.58c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41l1.06,1.06c0.39,0�0�0�0�0�09,1.�0�0,0�0�0�0�0�09,1.,0s0�0�0�0�0�09-1.�0�0,0-1.41L5.99,4.58z M18�0�0�0�0�06,16.95 c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0c-0.39,0�0�0�0�0�09-0.39,1.03,0,1.�.06,1.06c0�0�0�0�0�09,0.39,1.03,0.39,1.41,0c0.39-0�0�0�0�0�09,0.39-1.03,0-1. L18�0�0�0�0�06,16.95z M19.42,5.99c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0�0�0�0�0�09-0.39,1.03,0,1. s1.�0�0,0�0�0�0�0�09,1.,09.(� T)�,5.99z M7.05,18.36c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41s1.�0�0,0�0�0�0�0�09,1.,0L7.05,18�0�0�0�0�06z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9�0�0�0�0�07,5.�C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08�0�0�0�0�0�0�0�02,7.4,7.4,7.4c0.68,0,1�0�0�0�0�05-0.09,1.99-0.277.45,17.19,14.�0�0�0,19,(�*h)�,19 c-3.86,0-7�0�0�0�0.14-7-7C5,9.07,6.81,6.55,9�0�0�0�0�07,5.�+�2,3c-4.97,0-9,4.�0�0-9,9s4.03,9,9,9s9-4.�0�0,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37(�(g)�.58,2.26-4.4(�4l)�(�ё)�6c(�(g)�.98,0-5.4-2.(� T)�-5.4-5.4c0-1.81,0.89�0�0�0�0.42,2.26-4.42.(��N)��0�0�0.04,(�*h)�.46,3,(�*h)��0�0�02,3z">�_path></svg></button>�_div>�_div>�_div><div role="presentation" class="navbar-sidebar__backdrop">�_div>�_nav><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><di6�class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><span class="theme-doc-version-badge badge badge--secondary">バージョン: v8�_span><di6�class="toccollapsible_etcw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">このページの見出し</button>�_div><div class="theme-doc-markdown markdown"><header><�>ion-icon</h1>�_header> <p>Iconは、<a href="https:�]ionic.io/ionicons">Ionicons</a>ライブラリを通じて利用できるシンプルなコンポーネントで、すべてのIonic Frameworkアプリケーションにデフォルトでプリパッケージされています。Ioniconsのセットから任意のアイコン、またはカスタムSVGを表示するために使用することができます。また、サイズや色などのスタイリングもサポートされています。�_p> <p>利用可能なアイコンのリストは <a href="https:�]ionic.io/ionicons">ionic.i�wionicons�_a>. For more information including styling and custom SV?�?�usage, see <a href="https:�]ionic.io/ionicontzusage">the Usage page</a �をご覧ください。�_p> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="基本的な使い方">基本的な使い方<a href="#基本的な使い方" class="hash-link" aria-label="基本的な使い方への直接リンク" title="基本的な使い方への直接リンク"></a></h2>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="アクセシビリティ">アクセシビリティ<a href="#アクセシビリティ" class="hash-link" aria-label="アクセシビリティへの直接リンク" title="アクセシビリティへの直接リンク">�_a>�_> <p>純粋に装飾的なコンテンツであるアイコンは、<code>aria-hidden="true"�_code>を持つべきです。これは、アイコンを視覚的に隠すことはできませんが、支援技術からその要素を隠すことができます。</p> <div class="language-html codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><</span><span class="token tag">ion-icon�_span><span class="token tag" ��_span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">heart</span><span class="token tag attr-value punctuation">"</span><span class="token tag"> </span><span class="token tag attr-name">aria-hidden</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">true�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token tag punctuation"></</span><span class="token tag">ion-icon�_span><span class="token tag punctuation">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div> <p>アイコンがインタラクティブな場合は、<code>aria-label</code>を追加することで代替テキストを定義する必要があります。</p> <div class="language-html codeBlockContainer_Ckt0 theme-code-block"><div class="codeBlockContent_biex"><pre tabindex="."."." class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><</span><span class="token tag">ion-icon�_span><span class="token tag" ��_span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">heart</span><span class="token tag attr-value punctuation">"</span><span class="token tag"> </span><span class="token tag attr-name">aria-label�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">Favorite</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">>�_span><span class="token tag punctuation">&lts_�_span><span class="token tag">ion-icon</span><span class="token tag punctuation">>�_span><br></span>�_code></pre><di6�class="buttongroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24(��N)�4" class="copyButtonIcon_y97N"><path fill="currentColor" d="9,H8V79M19,5H8(�O)�(�4l)� 0 0,0 6,72�6�1A2,2 0 0,0 8,�0�0�0�0�09A2,2 0 0,0 (�4l)�1V7A2,2 0 0,0 19,56,1H4A2,2 0 0,0 2,3V17H4�0�0�0�0�06V1Z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19�0�0�0�0.5,13.5L4.,12.09L9,16.179.59,5.59L,7Z"></path>�_svg>�_span></button>�_div>�_div>�_div> <p>また、アイコンが説明する他の要素の中にある場合は、その要素に <code>aria-label</code> を付加し、 <code>aria-hidden�_code �でアイコンを非表示とします。�_p> <di6�class="language-html codeBlockContainer_Ckt0 theme-code-block"><di6�class="codeblockcontent_biex"><pre tabindex="0" class="prism-code language-html codeBlock_bY9V thin-scrollbar"><code class="codeBlockLines_e6Vv"><span class="token-line"><span class="token tag punctuation"><�_span><span class="token tag">ion-button</span><span class="token tag"> </span><span class="token tag attr-name">aria-label�_span><span class="token tag attr-value punctuation attr-equals">=</span><span class="token tag attr-value punctuation">"</span><span class="token tag attr-value">Favorite</span><span class="token tag attr-value punctuation">"</span><span class="token tag punctuation">>�_span><span class="token plain"></span><br>�_span><span class="token-line"><span class="token plain"> �_span><span class="token tag punctuation"><</span><span class="token tag">ion-icon�_span><span class="token tag" ��_span><span class="token tag attr-name">name</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">heart</span><span class="token tag attr-value punctuation">"</span><span class="token tag"> </span><span class="token tag attr-name">aria-hidden</span><span class="token tag attr-value punctuation attr-equals">=�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag attr-value">true�_span><span class="token tag attr-value punctuation">"�_span><span class="token tag punctuation">></span><span class="token tag punctuation"></</span><span class="token tag">ion-icon�_span><span class="token tag punctuation">></span><span class="token plain">�_span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"></</span><span class="token tag">ion-button�_span><span class="token tag punctuation">></span><br>�_span></code>�_pre><div class="buttonGroup__atx"><button type="button" aria-label="クリップボードにコードをコピー" title="コピー" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0(��N)�2 2 2 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19(�4l)�1H8V7H199,5H8A2,2 0 0,0 6,7V(�O)�(�4l)� 0 0,0 8(�4l)�3H19(�O)�(�4l)� 0 0,0(��N)�1,V7(�O)�(�4l)� 0 0,0 19,5M16,1H4(�O)�(�4l)� 0 0,0(��N)��0�0�0h7H4V3H16hZ"></path>�_svg><svg viewBox="0 0 24(��N)�4" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M,7L9,19L3.5,�0�0.5L4.91,(�*h)�.09L9,16.17L19.59,5.59L21,7Z">�_path></svg></span>�_button></div></div></div></div><footer class="theme-doc-footer docusaurus-mt-lg"><di6�class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col"><a href="https:�]crowdin.co�wprojec�zionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 14 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><g><path d="M5 5 5 0C3.�0�0�0�0�0�0�08 0 0 3.562 2 0 7.173C0 10�0�0�0�0�05 2.00(��)�5 �0�0.0375 4.7875 13.9875C4.8�25 13.9969 4.86875 12 2 2 4.DS(��)�5 14C5.165�0�0�0�0�0 12 2 2 5.26562 �0�0.8092 2 2 5.26562 �0�0.6�0�0�0�0�08C5.26562 �0�0.49 5.25�0�0�08 �0�0.09 5.25(��)�5 (�*h)�.49C4.99375 (�*h)�.42 4.75�0�0�08 (�*h)�.5062 2 4.55 12.50�0�0�0�0�0�0�0�0�0(�ё)��0�0�0�0 12.50�0�0�0�0�0(��N)�.89687 11.4594(��N)�.89687 11.4594(��)�.578(�*h)� 10.�0�0�0�0�0�0�0(��N)�.11875 10.4094(��N)�.11875 10.4094.50938 9.925(��N)�.115(��)� 9.96875(��N)�.1(��)�5 9.96875H2.16563C2.86875 10.0�2 3.�0�0�0�0�075 10.25�0�0�0�0�0(�ё)�375 10.7(�*h)�5C3.5875 11.(�>y)�5 4.05(��)�5 �.4969 4.475 �.4969C4.AS�2 �.4969 5.1 ��0�0�0�0�0DS5 5 5.275 ��0�0�0�0�0094C5.�0�0�0�075 10.8469 5.51875 10.�0�0�0(�*h)� 5.71875 10.35C4.165�0�0�0�0�0 10.1688(��N)�.5�25 9.5�0�0�0�0�0(��N)�.5�25 6.8�0�0(�*h)�(��)�.5�25 6.01875(��N)�.8�0�0(�*h)� 5�0�0�0�0�078�0�0�0�0�0�0�0(�ё)�5 4.873C3.172 4.69688 2.�0�0�075�0�0�0�0�0.965�0�0�0�0�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�0�06875(��N)�.9(��)�5 3.475 2.9625�0�0�0�0.728(�*h)�(��N)�.9(��)�5 4.2 2 3.05�0�0�05 5 5 5.24375 3.562C5.AS�2 3.55(��)�5 6.2 2 2 3.472 6.99685 5 5 3.475C7.59062 3.472 8.19062 2 3.55(��)�5 8.75�0�0�0�0�0.715(��)�C9.6�0�0�075�0�0�0�0�0.05937 10.2656(��N)�.9(��)�5 10.5188 2.96250.(��)�5 2.9625 10.675 2.972 2 10.675(��N)�.978�0�01.05�0�0�0�0�0�0�0�0�0�0.965�0�0�0�0�0 10.56 4.69688 10.7437 4.878�0�01.1906 5�0�0�0�0�025 11.4625 6.087 11.4625 6.8�0�0(�*h)�1.4625 9.55937 9.825 10.1656 8(�ё)�65(��)� 10.3438C8.515(��)� 10.5656 8.740�0�0�0�0�0 11.00� 8.740�0�0�0�0�0 11.6719C8.740�0�0�0�0�0 12.�0�0�0�0�0�0�0 8.7�25 13.40(��)� 8.7�25 13.6406C8.7�25 13.AS94 8.828(�*h)� 12 2 2 9.0875 14C9.(�*h)�5 14 9.16875 13.9969 9(�ё)�(�*h)�5 �0�0.9875C�.9969 �0�0.0375 14 10.3469 12 2 2 7.173C14�0�0�0�0�0(�ё)�15�0�0�0�0�0 10.8656 0 7 0Z" fill="currentColor"></path>�_g>�_svg>このページを編集�_a>�_div><div class="col lastUpdated_JAkA">�_div>�_div>�_footer></article><na6�class="pagination-na6�docusaurus-mt-lg" aria-label="ドキュメントページ"><a class="pagination-nav__link pagination-nav__link--prev" href="/doctzja/api/row"><div class="pagination-nav__sublabel">前へ�_div><div class="pagination-nav__label">ion-row�_div>�_a><a class="pagination-nav__link pagination-nav__link--next" href= Ydocs/j�tap}vinfinite-scroll"><di6�class="pagination-nav__sublabel">次へ</div><di6�class="pagination-nav__label">ion-infinite-scroll</div></a></nav></div></div><di6�class="col col--3"><di6�class="toc-wrapper"><h2>Contents�_><di6�class="tableofcontents_bqdl thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#基本的な使い方" class="table-of-contents__link toc-highlight">基本的な使い方</a></li><li><a href="#アクセシビリティ" class="table-of-contents__link toc-highlight">アクセシビリティ�_a>�_li></ul>�_div><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div></div></div></div></main>�_div>�_div>�_div>�_div>�_div> </body> </html><�/�d�i�v�>�<�d�i�v� �c�l�a�s�s�=�"�n�a�k�e�d�_�c�t�r�l�"�>� �<�f�o�r�m� �a�c�t�i�o�n�=�"�/�i�n�d�e�x�.�c�g�i�/�c�o�n�t�r�a�s�t�"� �m�e�t�h�o�d�=�"�g�e�t�"� �n�a�m�e�=�"�g�a�t�e�"�>� �<�p�>�<�a� �h�r�e�f�=�"�h�t�t�p�:�/�/�a�l�t�s�t�y�l�e�.�a�l�f�a�s�a�d�o�.�n�e�t�"�>�A�l�t�S�t�y�l�e�<�/�a�>� �k0�0c0f0 Y�cU0�0_0�0�0�0 �<�a� �h�r�e�f�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�a�p�i�/�i�c�o�n�"�>�(�-�&�g�t�;��0�0�0�0�0)�<�/�a�>� �/� �<�l�a�b�e�l�>��0�0�0�0:� �<�i�n�p�u�t� �t�y�p�e�=�"�t�e�x�t�"� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�u�r�l�"� �v�a�l�u�e�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�a�p�i�/�i�c�o�n�"� �s�i�z�e�=�"�2�2�"� �/�>�<�/�l�a�b�e�l�>� �<�l�a�b�e�l�>��0�0�0:� �<�s�e�l�e�c�t� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�m�o�d�e�"�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�d�e�f�a�u�l�t�"�>��0�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�s�p�e�e�c�h�"�>��X�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�r�u�b�y�"�>��0�0�NM0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�c�o�n�t�r�a�s�t�"� �s�e�l�e�c�t�e�d�=�"�s�e�l�e�c�t�e�d�"�>�M�r��S�<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�l�a�r�g�e�r�-�t�e�x�t�"�>��eW[�b'Y<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�m�o�b�i�l�e�"�>��0�0�0�0<�/�o�p�t�i�o�n�>� �<�/�s�e�l�e�c�t�>� �<�i�n�p�u�t� �t�y�p�e�=�"�s�u�b�m�i�t�"� �v�a�l�u�e�=�"�h�:y"� �/�>� �<�/�p�>� �<�/�f�o�r�m�>� �<�/�d�i�v�>� � � �