Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere 🌎
Migration Note: Developers should ensure that their <ion-icon>
usages have either aria-label
or aria-hidden
to avoid accessibility issues. See https://ionic.io/ionicons/usage for more information.
https://github.com/ionic-team/ionicons/compare/v6.0.3...v6.0.4
https://github.com/ionic-team/ionicons/compare/v6.0.2...v6.0.3
https://github.com/ionic-team/ionicons/compare/v6.0.1...v6.0.2
https://github.com/ionic-team/ionicons/compare/v6.0.0...v6.0.1
https://github.com/ionic-team/ionicons/compare/v5.5.4...v6.0.0
The ariaLabel
and ariaHidden
properties have been removed in favor of using the aria-label
and aria-hidden
attributes. For most developers there will be no change in behavior. Please review the migration steps below to see if you need to update your application:
// Before
iconEl.ariaHidden = "true";
// After
iconEl.setAttribute('aria-hidden', 'true');
{/* Before */}
<IonIcon ariaHidden="true" />
{/* After */}
<IonIcon aria-hidden="true" />
This change is more aligned with what React expects: https://reactjs.org/docs/accessibility.html#wai-aria