Home/Libraries/Plump free icons (Iconify)/atom-solid

Plump free icons (Iconify)

AtomSolid

License: CC-BY-4.0

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 48 48"><path fill="#818cf8" fill-rule="evenodd" d="M30.468 5.893q-1.265.433-2.586 1.06c2.413 1.728 4.803 3.776 7.096 6.068c2.293 2.293 4.34 4.683 6.068 7.096q.628-1.32 1.06-2.586c1.551-4.542 1.061-8.052-1.262-10.376S35.01 4.342 30.468 5.893m-1.293-3.786c-1.698.58-3.432 1.376-5.175 2.36c-1.744-.984-3.478-1.78-5.176-2.36C13.514.294 8.156.5 4.327 4.327C.5 8.155.295 13.514 2.107 18.824c.58 1.698 1.376 3.432 2.36 5.175c-.984 1.744-1.78 3.478-2.36 5.176C.294 34.485.5 39.844 4.327 43.672c3.828 3.829 9.187 4.033 14.497 2.22c1.698-.58 3.432-1.376 5.176-2.36c1.743.984 3.478 1.78 5.175 2.36c5.31 1.813 10.67 1.609 14.497-2.22c3.829-3.828 4.033-9.187 2.22-14.497c-.58-1.698-1.376-3.432-2.36-5.176c.984-1.743 1.78-3.477 2.36-5.175c1.813-5.31 1.609-10.669-2.22-14.497C39.844.499 34.485.294 29.175 2.107M5.893 17.532q.433 1.265 1.06 2.585c1.728-2.413 3.776-4.803 6.068-7.095c2.293-2.293 4.683-4.341 7.097-6.069a25 25 0 0 0-2.586-1.06c-4.543-1.551-8.053-1.06-10.376 1.262S4.342 12.99 5.893 17.532m9.957-1.682c-2.688 2.688-4.952 5.452-6.706 8.15c1.754 2.697 4.018 5.461 6.706 8.15c2.688 2.687 5.453 4.952 8.15 6.705c2.697-1.753 5.461-4.018 8.15-6.706c2.687-2.688 4.952-5.452 6.705-8.15c-1.753-2.697-4.017-5.461-6.705-8.15c-2.688-2.687-5.453-4.951-8.15-6.705c-2.697 1.754-5.462 4.018-8.15 6.706M5.893 30.468q.433-1.266 1.06-2.586c1.728 2.413 3.776 4.803 6.069 7.096c2.292 2.293 4.683 4.34 7.096 6.068a25 25 0 0 1-2.586 1.06c-4.543 1.551-8.053 1.061-10.377-1.262S4.342 35.01 5.893 30.468m24.575 11.638a25 25 0 0 1-2.586-1.06c2.413-1.728 4.803-3.775 7.096-6.068s4.34-4.683 6.068-7.096q.628 1.32 1.06 2.586c1.552 4.542 1.061 8.053-1.262 10.376s-5.834 2.813-10.376 1.262M16.5 24a7.5 7.5 0 1 1 15 0a7.5 7.5 0 0 1-15 0" clip-rule="evenodd"/></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. AtomSolidIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.