Home/Libraries/EOS Icons (Iconify)/primitive

EOS Icons (Iconify)

Primitive

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 24 24"><circle cx="12" cy="12" r="2.197" fill="#818cf8"/><path fill="#818cf8" d="M21.634 6.437c-.709-1.228-2.411-1.732-4.796-1.424q-.454.061-.93.158C15.009 2.619 13.608 1 12 1c-1.61 0-3.013 1.624-3.913 4.183c-2.738-.542-4.907-.156-5.722 1.254c-.812 1.407-.07 3.47 1.757 5.563c-1.827 2.094-2.57 4.156-1.757 5.563c.582 1.008 1.85 1.496 3.525 1.496a11.5 11.5 0 0 0 2.197-.243C8.987 21.376 10.39 23 12 23c1.607 0 3.009-1.619 3.909-4.17q.475.096.93.157a10 10 0 0 0 1.296.088c1.705 0 2.927-.52 3.5-1.512c.812-1.407.07-3.47-1.757-5.563c1.827-2.094 2.569-4.156 1.756-5.563m-4.649-.297a9 9 0 0 1 1.16-.08c1.26 0 2.15.327 2.507.945c.504.874-.067 2.442-1.552 4.168a20.5 20.5 0 0 0-2.302-1.953a20 20 0 0 0-.547-2.936c.244-.047.5-.114.734-.144m-3.072 9.174q-.972.559-1.907.993a25 25 0 0 1-1.92-.993a25 25 0 0 1-1.819-1.16a24 24 0 0 1 0-4.309a24.5 24.5 0 0 1 3.73-2.149a25 25 0 0 1 1.916.99q.973.564 1.82 1.16a24 24 0 0 1 0 4.308q-.847.596-1.82 1.16m1.628.335a18 18 0 0 1-.392 1.824a19 19 0 0 1-1.76-.583q.544-.279 1.092-.594q.547-.316 1.06-.647m-4.924 1.244a18 18 0 0 1-1.766.581a18 18 0 0 1-.392-1.825q.515.331 1.06.647q.547.314 1.098.597M7.074 13.25A18 18 0 0 1 5.675 12a18 18 0 0 1 1.4-1.25q-.031.615-.033 1.25c-.002.635.012.84.032 1.25M8.46 8.352a18 18 0 0 1 .391-1.823a18 18 0 0 1 1.77.577q-.552.283-1.1.598q-.546.316-1.06.648m4.93-1.242a19 19 0 0 1 1.76-.583a18 18 0 0 1 .392 1.824q-.514-.331-1.06-.647q-.546-.314-1.091-.595m3.537 3.64A18 18 0 0 1 18.324 12a18 18 0 0 1-1.398 1.25q.031-.615.032-1.25c.001-.635-.012-.84-.032-1.25M12 2.129c.998 0 2.056 1.234 2.807 3.31a21 21 0 0 0-2.809 1.011a20.5 20.5 0 0 0-2.807-1.005C9.942 3.365 11 2.129 12 2.129M3.348 7.005c.351-.608 1.252-.934 2.52-.934a10.3 10.3 0 0 1 1.884.201a20 20 0 0 0-.55 2.948A20.5 20.5 0 0 0 4.9 11.173C3.414 9.447 2.843 7.88 3.348 7.005m0 9.99c-.505-.874.066-2.442 1.552-4.168a20.5 20.5 0 0 0 2.3 1.953a20 20 0 0 0 .552 2.953c-2.247.429-3.898.14-4.405-.738M12 21.87c-.999 0-2.058-1.237-2.81-3.317A20.5 20.5 0 0 0 12 17.55a21 21 0 0 0 2.806 1.01c-.75 2.076-1.81 3.31-2.807 3.31m8.652-4.876c-.46.792-1.793 1.109-3.667.865c-.235-.03-.49-.097-.734-.144a20 20 0 0 0 .547-2.936a20.5 20.5 0 0 0 2.302-1.953c1.485 1.726 2.056 3.294 1.552 4.168"/></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. PrimitiveIcon.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.