Further analysis of the maintenance status of ionicons based on
released npm versions cadence, the repository activity,
and other data points determined that its maintenance is
We found that ionicons demonstrates a positive version release cadence
with at least one new version released in the past 3 months.
As a healthy sign for on-going project maintenance, we found that the
GitHub repository had at least 1 pull request or issue interacted with
by the community.
Code of Conduct
With more than 10 contributors for the ionicons repository, this is
possibly a sign for a growing and inviting community.
Embed Package Health Score Badge
# of Files
ionicons has more than a single and default latest tag published for
the npm package. This means, there may be other tags available for this
package, such as next to indicate future releases, or stable to indicate
Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was built for Ionic Framework, so icons have both Material Design and iOS versions.
Note: All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Ionic, nor vice versa.
We intend for this icon pack to be used with Ionic, but it’s by no means limited to it. Use them wherever you see fit, personal or commercial. They are free to use and licensed under MIT.
Thanks for your interest in contributing! Read up on our guidelines for
and then look through our issues with a help wanted
Using the Web Component
The Ionicons Web Component is an easy and performant way to use Ionicons in your app. The component will dynamically load an SVG for each icon, so your app is only requesting the icons that you need.
Also note that only visible icons are loaded, and icons which are "below the fold" and hidden from the user's view do not make fetch requests for the svg resource.
If you're using Ionic Framework, Ionicons is packaged by default, so no installation is necessary. Want to use Ionicons without Ionic Framework? Place the following <script> near the end of your page, right before the closing
To use a built-in icon from the Ionicons package, populate the name attribute on the ion-icon component:
To use a custom SVG, provide its url in the src attribute to request the external SVG file. The src attribute works the same as <img src="..."> in that the url must be accessible from the webpage that's making a request for the image. Additionally, the external file can only be a valid svg and does not allow scripts or events within the svg element.
Each app icon in Ionicons has a filled, outline and sharp variant. These different variants are provided to make your app feel native to a variety of platforms. The filled variant uses the default name without a suffix. Note: Logo icons do not have outline or sharp variants.
Or you can set a specific size by applying the font-size CSS property on the ion-icon component. It's recommended to use pixel sizes that are a multiple of 8 (8, 16, 32, 64, etc.)
Specify the icon color by applying the color CSS property on the ion-icon component.
When using an outline icon variant it is possible to adjust the stroke width, for improved visual balance relative to the icon's size or relative to the width of adjacent text. You can set a specific size by applying the --ionicon-stroke-width CSS custom property to the ion-icon component. The default value is 32px.
Premium icons for Ionic. Visit Snyk Advisor to see a
full health score report
for ionicons, including popularity, security, maintenance
& community analysis.
Is ionicons popular?
The npm package ionicons receives a total of
? weekly downloads. As such,
ionicons popularity was classified as
key ecosystem project. Visit the
on Snyk Advisor to see the full health analysis.
Is ionicons safe to use?
The npm package ionicons was scanned for
known vulnerabilities and missing license, and no issues were
found. Thus the package was deemed as
safe to use. See the full
health analysis review.
Is ionicons well maintained?
We found that ionicons demonstrated a
healthy version release cadence and project
activity. It has a community of 40 open
source contributors collaborating on the project. See the full
package health analysis
to learn more about the package maintenance status.
Last updated on
13 June-2021, at 17:21 (UTC).
Build a secure application checklist
Select a recommended open source package
Minimize your risk by selecting secure & well maintained open source packages
Scan your app for vulnerabilities
Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files