Atom icon

fa-solid:atom

The Atom icon (fa-solid:atom) is a free SVG icon from the Font Awesome 5 Solid set by Dave Gandy. It is drawn on a 448 × 512 grid. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Font Awesome 5 Solid
Author: Dave Gandy
License: CC-BY-4.0
Size: 448 × 512
Category: Education, Science, Energy, Religion, Spinners, Science Fiction

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M224 224a32 32 0 1 0 32.007 32a32.064 32.064 0 0 0-32.008-32m214.171-96c-10.877-19.5-40.51-50.75-116.275-41.875C300.392 34.875 267.634 0 223.999 0s-76.39 34.875-97.896 86.125C50.337 77.375 20.706 108.5 9.829 128C-6.55 157.375-5.175 201.125 34.958 256C-5.175 310.875-6.55 354.625 9.829 384c29.13 52.375 101.647 43.625 116.274 41.875C147.608 477.125 180.364 512 223.999 512s76.393-34.875 97.897-86.125c14.629 1.75 87.144 10.5 116.275-41.875c16.379-29.375 15.004-73.125-25.13-128c40.134-54.875 41.509-98.625 25.13-128M63.34 352c-4-7.25-.125-24.75 15.004-48.25a369 369 0 0 0 21.88 19.125c1.626 13.75 4 27.125 6.75 40.125c-24.628.875-39.882-4.375-43.634-11m36.885-162.875a369 369 0 0 0-21.881 19.125c-15.13-23.5-19.004-41-15.004-48.25c3.377-6.125 16.379-11.5 37.885-11.5c1.75 0 3.875.375 5.75.375a443 443 0 0 0-6.75 40.25M223.999 64c9.502 0 22.256 13.5 33.883 37.25a435 435 0 0 0-33.883 12.875a435 435 0 0 0-33.883-12.875C201.746 77.5 214.497 64 224 64m0 384c-9.502 0-22.254-13.5-33.883-37.25c11.254-3.75 22.506-8 33.883-12.875a435 435 0 0 0 33.883 12.875C246.255 434.5 233.5 448 223.999 448m0-112a80 80 0 1 1 80-80a80 80 0 0 1-80 80m160.66 16c-3.625 6.625-19.004 11.875-43.634 11c2.752-13 5.127-26.375 6.752-40.125a368 368 0 0 0 21.878-19.125c15.13 23.5 19.004 41 15.004 48.25m-15.004-143.75a368 368 0 0 0-21.879-19.125a443 443 0 0 0-6.752-40.25c1.875 0 4.002-.375 5.752-.375c21.504 0 34.508 5.375 37.883 11.5c4 7.25.125 24.75-15.004 48.25"/></svg>

How to use the Atom icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa-solid:atom" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa-solid:atom" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa-solid:atom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--atom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:atom"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa-solid:atom"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa-solid/atom.svg" alt="Atom icon" width="24" height="24">

Atom icon in other icon sets

Atom icon FAQ

Is the Atom icon free for commercial use?

Yes. Font Awesome 5 Solid icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Atom icon in React?

Install @iconify/react and render <Icon icon="fa-solid:atom" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Atom icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa-solid/atom.svg" alt="Atom icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 5 Solid icons →