IconSearch logoIconsearch
Home/Libraries/File Icons (Iconify)/ionic-project
← Back to Search
File Icons (Iconify)

IonicProject

License: ISCCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" d="M462.24 104.425c5.712-8.209 8.391-18.639 6.213-29.714c-5.523-28.08-38.356-40.483-61.316-24.702C329.785-6.322 222.04-19.929 127.711 34.453c-170.281 98.169-170.281 344.924 0 443.093S512 452.338 512 256c0-58.237-18.83-110.054-49.76-151.575m-324.66 356.08c-157.183-90.618-157.183-318.392 0-409.01c86.492-49.864 185.203-37.8 256.5 13.33c-10.235 20.246-1.097 46.787 22.557 54.767c10.843 3.659 21.695 2.388 30.7-2.196c27.977 38.106 44.97 85.456 44.97 138.604c0 181.235-197.545 295.122-354.728 204.504M137.845 256C137.63 181.518 172.062 138.144 256 137.846c76.905-.273 118.103 37.476 118.154 118.154c.046 73.018-33.87 119.075-118.154 118.153C170.322 373.216 138.051 326.7 137.846 256"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. IonicProjectIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **ISC** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in File Icons (Iconify)

Browse all File Icons (Iconify) icons →
1c
1c
1c-alt
1c-alt
3d-model
3d-model
3ds-max
3ds-max
4d
4d
a
a
abap
abap
abif
abif
acre
acre
actionscript
actionscript
ada
ada
adobe
adobe