Home/Libraries/Line Awesome (Iconify)/atom

Line Awesome (Iconify)

Atom

License: Apache-2.0Commercial 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 32 32"><path fill="#818cf8" d="M16 3c-3.094 0-5.492 4.578-5.922 10.938c.555.59 1.207 1.175 1.93 1.746c.008-.664.047-1.297.101-1.918A31 31 0 0 1 14 12.536c2.66-1.536 5.398-2.548 7.707-2.848a10 10 0 0 1 1.266-.086c1.297 0 2.215.312 2.554.898c.305.531.168 1.375-.343 2.363c.523.485 1.02.977 1.46 1.473C27.77 12.473 28 10.78 27.259 9.5c-.883-1.527-2.942-2.168-5.805-1.797c-2.566.332-5.566 1.434-8.453 3.102c-.184.105-.355.222-.535.336C13.184 7.44 14.645 5 16 5c.633 0 1.29.54 1.883 1.477a22 22 0 0 1 2.004-.532C18.852 4.09 17.507 3 16 3M9.219 7.613C7.05 7.574 5.48 8.223 4.742 9.5c-.804 1.39-.469 3.258.914 5.309c.125.191.262.394.434.617c1.57 2.054 4.023 4.101 6.91 5.77c.184.105.375.199.563.304c-1.145.395-2.254.68-3.274.813c-1.95.253-3.375-.051-3.812-.813c-.309-.531-.172-1.375.34-2.363a24 24 0 0 1-1.465-1.469C4.23 19.528 4 21.218 4.742 22.5c.719 1.246 2.219 1.902 4.297 1.902c.473 0 .98-.035 1.508-.105q.456-.06.922-.152l.219-.047q.021-.001.042-.008c.532-.113 1.118-.27 1.79-.48l.66-.204c.98-.336 1.984-.754 2.988-1.242c.219-.727.414-1.574.562-2.55c-.578.323-1.16.616-1.738.89A25 25 0 0 1 14 19.464c-2.664-1.538-4.91-3.401-6.32-5.25c-1.196-1.566-1.645-2.952-1.203-3.714c.3-.523 1.097-.82 2.195-.875q.232-1.062.547-2.012m11.523 4.285c-.789.184-1.625.454-2.48.793c.566.336 1.105.696 1.629 1.055c.062.727.109 1.469.109 2.254c0 5.898-1.855 10.398-3.64 10.941c-.122.04-.247.059-.36.059c-.633 0-1.29-.535-1.883-1.48c-.68.214-1.351.398-2.004.535C13.148 27.91 14.493 29 16 29q.298 0 .578-.059C19.707 28.348 22 22.988 22 16c0-.215-.016-.422-.02-.637c.915.793 1.72 1.61 2.344 2.422c1.192 1.567 1.64 2.953 1.203 3.715c-.308.527-1.093.832-2.199.887a20 20 0 0 1-.543 2.004c.055 0 .121.011.176.011c2.078 0 3.578-.656 4.297-1.902c.883-1.527.406-3.633-1.348-5.926c-1.242-1.625-3.043-3.242-5.168-4.676M16 14a1.999 1.999 0 1 0 0 4a1.999 1.999 0 1 0 0-4"/></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. AtomIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.