Home/Libraries/Glyphs (Iconify)/icons-1-outline

Glyphs (Iconify)

Icons1Outline

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 80 80"><g fill="none"><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M32.89 10.403a2 2 0 0 0-.465-.164L16.162 6.337a2 2 0 0 0-.958-.015a2 2 0 0 0-1.344 1.06a2 2 0 0 0-.208.934v12.56a7.3 7.3 0 0 0-2.327-.388c-3.037 0-6.327 2.024-6.327 5.431s3.29 5.431 6.327 5.431s6.327-2.024 6.327-5.431V15.711l12.346 2.961v6.126a7.3 7.3 0 0 0-2.327-.389c-3.037 0-6.327 2.024-6.327 5.432c0 3.407 3.29 5.43 6.327 5.43s6.327-2.023 6.327-5.43V12.235a2 2 0 0 0-.43-1.28a2 2 0 0 0-.679-.553m-15.238.406v.788l12.346 2.962v-.789zm-4 15.11c-.001-.384-.586-1.431-2.327-1.431c-1.743 0-2.327 1.048-2.327 1.431s.584 1.431 2.327 1.431s2.327-1.049 2.327-1.432m16.346 3.922c0-.383-.585-1.432-2.327-1.432s-2.327 1.049-2.327 1.432s.585 1.43 2.327 1.43s2.327-1.047 2.327-1.43m19.097-11.48a5.208 5.208 0 1 1 5.209-9.022l.793.459a5.208 5.208 0 0 1 1.18 8.09l2.154 1.244l11.702-6.757a2 2 0 1 1 2 3.464L62.43 21.44l9.702 5.602a2 2 0 0 1-2 3.464L58.43 23.748l-2.153 1.244a5.208 5.208 0 0 1-1.18 8.09l-.794.459a5.208 5.208 0 0 1-5.209-9.021l.794-.459l.019-.01l4.523-2.612l-4.523-2.611l-.019-.011zm2.386-3.242l.012.007l.396.229l.01.005a1.208 1.208 0 0 0 1.198-2.098l-.793-.458a1.208 1.208 0 1 0-1.209 2.092zm0 12.644l-.386.223a1.208 1.208 0 1 0 1.209 2.093l.793-.459a1.208 1.208 0 0 0-1.199-2.098l-.009.005l-.396.23z" clip-rule="evenodd"/><path fill="#818cf8" fill-opacity=".25" d="M26.043 43.6a22.4 22.4 0 0 0-10.088 0a22.55 22.55 0 0 0-9.084 4.427a22.8 22.8 0 0 0-3.472 3.485a2 2 0 0 0 3.122 2.5a18.8 18.8 0 0 1 2.862-2.872a18.55 18.55 0 0 1 7.472-3.642c2.728-.63 5.56-.63 8.288 0a18.55 18.55 0 0 1 7.472 3.642a18.8 18.8 0 0 1 2.864 2.875a2 2 0 0 0 3.122-2.5a22.8 22.8 0 0 0-3.474-3.488a22.54 22.54 0 0 0-9.084-4.427"/><path fill="#818cf8" fill-opacity=".25" d="M24.668 50.78a16.3 16.3 0 0 0-7.332 0a16.4 16.4 0 0 0-6.6 3.216a16.6 16.6 0 0 0-2.844 2.946a2 2 0 1 0 3.2 2.4a12.5 12.5 0 0 1 2.156-2.233a12.4 12.4 0 0 1 4.988-2.432c1.82-.42 3.711-.42 5.532 0a12.4 12.4 0 0 1 4.989 2.432a12.6 12.6 0 0 1 2.155 2.233a2 2 0 1 0 3.2-2.401a16.5 16.5 0 0 0-2.843-2.945a16.4 16.4 0 0 0-6.601-3.217"/><path fill="#818cf8" fill-opacity=".25" d="M23.29 57.961a10.2 10.2 0 0 0-4.575 0a10.2 10.2 0 0 0-4.118 2.006a10.3 10.3 0 0 0-2.24 2.515a2 2 0 0 0 3.38 2.139a6.3 6.3 0 0 1 1.372-1.541a6.2 6.2 0 0 1 2.506-1.221a6.2 6.2 0 0 1 2.775 0c.913.21 1.77.627 2.505 1.221c.538.434 1 .954 1.371 1.54a2 2 0 0 0 3.38-2.14a10.3 10.3 0 0 0-2.239-2.513a10.2 10.2 0 0 0-4.117-2.006m36.208-14.689a2 2 0 0 1 2 1.992l.016 4.16a2 2 0 0 1-2 2.008a2 2 0 0 1-2.032-2.007l.016-4.16a2 2 0 0 1 2-1.993m-10.96 4.54a2 2 0 0 1 2.823-.006l2.953 2.931a2 2 0 0 1 .002 2.837a2 2 0 0 1-2.853.014l-2.93-2.953a2 2 0 0 1 .005-2.823m21.92 0a2 2 0 0 1 .006 2.823l-2.93 2.953a2 2 0 0 1-2.838.002a2 2 0 0 1-.014-2.853l2.953-2.93a2 2 0 0 1 2.823.005m-18.299 10.96a2 2 0 0 0-2.008-2.016l-4.16.016a2 2 0 0 0 0 4l4.16.016a2 2 0 0 0 2.008-2.016m15.018-1.13a2 2 0 0 1 1.669-.886l4.16.016a2 2 0 0 1 0 4l-4.16.016a2 2 0 0 1-2.008-2.016a2 2 0 0 1 .339-1.13m-12.86 6.328a2 2 0 0 0-2.854-.014l-2.93 2.953a2 2 0 0 0 2.828 2.828l2.953-2.93a2 2 0 0 0 .002-2.837m11.411-.567a2 2 0 0 1 1.806.553l2.93 2.953a2 2 0 0 1-2.828 2.828l-2.953-2.93a2 2 0 0 1 .014-2.853a2 2 0 0 1 1.031-.551m-6.213 2.709a2 2 0 0 0-2.032 2.007l.016 4.16a2 2 0 0 0 4 0l.016-4.16a2 2 0 0 0-2-2.007M61.7 53.454a5.757 5.757 0 1 0-4.405 10.637a5.757 5.757 0 0 0 4.406-10.637"/><path fill="#818cf8" fill-opacity=".25" d="M20.998 63.843c-2.296 0-4.118 1.878-4.118 4.143c0 2.266 1.822 4.143 4.118 4.143s4.118-1.877 4.118-4.143s-1.822-4.143-4.118-4.143"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M32.89 10.403a2 2 0 0 0-.465-.164L16.162 6.337a2 2 0 0 0-.958-.015a2 2 0 0 0-1.344 1.06a2 2 0 0 0-.208.934v12.56a7.3 7.3 0 0 0-2.327-.388c-3.037 0-6.327 2.024-6.327 5.431s3.29 5.431 6.327 5.431s6.327-2.024 6.327-5.431V15.711l12.346 2.961v6.126a7.3 7.3 0 0 0-2.327-.389c-3.037 0-6.327 2.024-6.327 5.432c0 3.407 3.29 5.43 6.327 5.43s6.327-2.023 6.327-5.43V12.235a2 2 0 0 0-.43-1.28a2 2 0 0 0-.679-.553m-15.238.406v.788l12.346 2.962v-.789zm-4 15.11c-.001-.384-.586-1.431-2.327-1.431c-1.743 0-2.327 1.048-2.327 1.431s.584 1.431 2.327 1.431s2.327-1.049 2.327-1.432m16.346 3.922c0-.383-.585-1.432-2.327-1.432s-2.327 1.049-2.327 1.432s.585 1.43 2.327 1.43s2.327-1.047 2.327-1.43m19.097-11.48a5.208 5.208 0 1 1 5.209-9.022l.793.459a5.208 5.208 0 0 1 1.18 8.09l2.154 1.244l11.702-6.757a2 2 0 1 1 2 3.464L62.43 21.44l9.702 5.602a2 2 0 0 1-2 3.464L58.43 23.748l-2.153 1.244a5.208 5.208 0 0 1-1.18 8.09l-.794.459a5.208 5.208 0 0 1-5.209-9.021l.794-.459l.019-.01l4.523-2.612l-4.523-2.611l-.019-.011zm2.386-3.242l.012.007l.396.229l.01.005a1.208 1.208 0 0 0 1.198-2.098l-.793-.458a1.208 1.208 0 1 0-1.209 2.092zm0 12.644l-.386.223a1.208 1.208 0 1 0 1.209 2.093l.793-.459a1.208 1.208 0 0 0-1.199-2.098l-.009.005l-.396.23z" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M26.043 43.6a22.4 22.4 0 0 0-10.088 0a22.55 22.55 0 0 0-9.084 4.427a22.8 22.8 0 0 0-3.472 3.485a2 2 0 0 0 3.122 2.5a18.8 18.8 0 0 1 2.862-2.872a18.55 18.55 0 0 1 7.472-3.642c2.728-.63 5.56-.63 8.288 0a18.55 18.55 0 0 1 7.472 3.642a18.8 18.8 0 0 1 2.864 2.875a2 2 0 0 0 3.122-2.5a22.8 22.8 0 0 0-3.474-3.488a22.54 22.54 0 0 0-9.084-4.427"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M24.668 50.78a16.3 16.3 0 0 0-7.332 0a16.4 16.4 0 0 0-6.6 3.216a16.6 16.6 0 0 0-2.844 2.946a2 2 0 1 0 3.2 2.4a12.5 12.5 0 0 1 2.156-2.233a12.4 12.4 0 0 1 4.988-2.432c1.82-.42 3.711-.42 5.532 0a12.4 12.4 0 0 1 4.989 2.432a12.6 12.6 0 0 1 2.155 2.233a2 2 0 1 0 3.2-2.401a16.5 16.5 0 0 0-2.843-2.945a16.4 16.4 0 0 0-6.601-3.217"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M23.29 57.961a10.2 10.2 0 0 0-4.575 0a10.2 10.2 0 0 0-4.118 2.006a10.3 10.3 0 0 0-2.24 2.515a2 2 0 0 0 3.38 2.139a6.3 6.3 0 0 1 1.372-1.541a6.2 6.2 0 0 1 2.506-1.221a6.2 6.2 0 0 1 2.775 0c.913.21 1.77.627 2.505 1.221c.538.434 1 .954 1.371 1.54a2 2 0 0 0 3.38-2.14a10.3 10.3 0 0 0-2.239-2.513a10.2 10.2 0 0 0-4.117-2.006m36.208-14.689a2 2 0 0 1 2 1.992l.016 4.16a2 2 0 0 1-2 2.008a2 2 0 0 1-2.032-2.007l.016-4.16a2 2 0 0 1 2-1.993m-10.96 4.54a2 2 0 0 1 2.823-.006l2.953 2.931a2 2 0 0 1 .002 2.837a2 2 0 0 1-2.853.014l-2.93-2.953a2 2 0 0 1 .005-2.823m21.92 0a2 2 0 0 1 .006 2.823l-2.93 2.953a2 2 0 0 1-2.838.002a2 2 0 0 1-.014-2.853l2.953-2.93a2 2 0 0 1 2.823.005m-18.299 10.96a2 2 0 0 0-2.008-2.016l-4.16.016a2 2 0 0 0 0 4l4.16.016a2 2 0 0 0 2.008-2.016m15.018-1.13a2 2 0 0 1 1.669-.886l4.16.016a2 2 0 0 1 0 4l-4.16.016a2 2 0 0 1-2.008-2.016a2 2 0 0 1 .339-1.13m-12.86 6.328a2 2 0 0 0-2.854-.014l-2.93 2.953a2 2 0 0 0 2.828 2.828l2.953-2.93a2 2 0 0 0 .002-2.837m11.411-.567a2 2 0 0 1 1.806.553l2.93 2.953a2 2 0 0 1-2.828 2.828l-2.953-2.93a2 2 0 0 1 .014-2.853a2 2 0 0 1 1.031-.551m-6.213 2.709a2 2 0 0 0-2.032 2.007l.016 4.16a2 2 0 0 0 4 0l.016-4.16a2 2 0 0 0-2-2.007M61.7 53.454a5.757 5.757 0 1 0-4.405 10.637a5.757 5.757 0 0 0 4.406-10.637"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M20.998 63.843c-2.296 0-4.118 1.878-4.118 4.143c0 2.266 1.822 4.143 4.118 4.143s4.118-1.877 4.118-4.143s-1.822-4.143-4.118-4.143"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. Icons1OutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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 Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →