atom icon

atom from Font Awesome Solid by Dave Gandy · Solid · Education · CC-BY-4.0 Attribution required.

Name
atom
Set
Font Awesome Solid
Style
Solid
Category
Education
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

atomBoxIcons v2atomCoreUI BrandsatomDeviconatomFont Awesome 6 Solidatom-outlineFlowbite IconsatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMaterial Design IconsatomMyna UI IconsatomPhosphoratom-fillRemix IconatomSimple IconsatomSkill Iconsatom-boldSolaratomTabler IconsatomWeb3 IconsatomWeb3 Icons BrandedatomUnicons

More education icons from Font Awesome Solid

awardbook-openbook-readerchalkboard-teachermicroscopetheater-masksuser-graduate

Use the atom icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 462.8c-11.8 5.1-23.4 9.7-34.9 13.5c16.7 33.8 31 35.7 34.9 35.7s18.1-1.9 34.9-35.7c-11.4-3.9-23.1-8.4-34.9-13.5M510 320c33 45.2 44.3 90.9 23.6 128c-20.2 36.3-62.5 49.3-115.2 43.2c-22 52.1-55.7 84.8-98.4 84.8s-76.4-32.7-98.4-84.8c-52.7 6.1-95-6.9-115.2-43.2c-20.7-37.1-9.4-82.8 23.6-128c-33-45.2-44.3-90.9-23.6-128c20.2-36.3 62.5-49.3 115.2-43.2C243.6 96.7 277.2 64 320 64s76.4 32.7 98.4 84.8c52.7-6.1 95 6.8 115.2 43.2c20.7 37.1 9.4 82.8-23.6 128m-65.8 67.4c-1.7 14.2-3.9 28-6.7 41.2c31.8 1.4 38.6-8.7 40.2-11.7c2.3-4.2 7-17.9-11.9-48.1q-10.2 9.45-21.6 18.6m-6.7-175.9c2.8 13.1 5 26.9 6.7 41.2q11.4 9.15 21.6 18.6c18.9-30.2 14.2-44 11.9-48.1c-1.6-2.9-8.4-13-40.2-11.7m-82.6-47.8c-16.8-33.8-31-35.7-34.9-35.7s-18.1 1.9-34.9 35.7c11.4 3.9 23.1 8.4 34.9 13.5c11.8-5.1 23.4-9.7 34.9-13.5m-159 88.9c1.7-14.3 3.9-28 6.7-41.2c-31.8-1.4-38.6 8.7-40.2 11.7c-2.3 4.2-7 17.9 11.9 48.1q10.2-9.45 21.6-18.6m-21.7 116.2c-18.9 30.2-14.2 44-11.9 48.1c1.6 2.9 8.4 13 40.2 11.7c-2.8-13.1-5-26.9-6.7-41.2q-11.4-9.15-21.6-18.6M400 320c0-44.2-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80s80-35.8 80-80m-80-32c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidAtom(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 462.8c-11.8 5.1-23.4 9.7-34.9 13.5c16.7 33.8 31 35.7 34.9 35.7s18.1-1.9 34.9-35.7c-11.4-3.9-23.1-8.4-34.9-13.5M510 320c33 45.2 44.3 90.9 23.6 128c-20.2 36.3-62.5 49.3-115.2 43.2c-22 52.1-55.7 84.8-98.4 84.8s-76.4-32.7-98.4-84.8c-52.7 6.1-95-6.9-115.2-43.2c-20.7-37.1-9.4-82.8 23.6-128c-33-45.2-44.3-90.9-23.6-128c20.2-36.3 62.5-49.3 115.2-43.2C243.6 96.7 277.2 64 320 64s76.4 32.7 98.4 84.8c52.7-6.1 95 6.8 115.2 43.2c20.7 37.1 9.4 82.8-23.6 128m-65.8 67.4c-1.7 14.2-3.9 28-6.7 41.2c31.8 1.4 38.6-8.7 40.2-11.7c2.3-4.2 7-17.9-11.9-48.1q-10.2 9.45-21.6 18.6m-6.7-175.9c2.8 13.1 5 26.9 6.7 41.2q11.4 9.15 21.6 18.6c18.9-30.2 14.2-44 11.9-48.1c-1.6-2.9-8.4-13-40.2-11.7m-82.6-47.8c-16.8-33.8-31-35.7-34.9-35.7s-18.1 1.9-34.9 35.7c11.4 3.9 23.1 8.4 34.9 13.5c11.8-5.1 23.4-9.7 34.9-13.5m-159 88.9c1.7-14.3 3.9-28 6.7-41.2c-31.8-1.4-38.6 8.7-40.2 11.7c-2.3 4.2-7 17.9 11.9 48.1q10.2-9.45 21.6-18.6m-21.7 116.2c-18.9 30.2-14.2 44-11.9 48.1c1.6 2.9 8.4 13 40.2 11.7c-2.8-13.1-5-26.9-6.7-41.2q-11.4-9.15-21.6-18.6M400 320c0-44.2-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80s80-35.8 80-80m-80-32c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 462.8c-11.8 5.1-23.4 9.7-34.9 13.5c16.7 33.8 31 35.7 34.9 35.7s18.1-1.9 34.9-35.7c-11.4-3.9-23.1-8.4-34.9-13.5M510 320c33 45.2 44.3 90.9 23.6 128c-20.2 36.3-62.5 49.3-115.2 43.2c-22 52.1-55.7 84.8-98.4 84.8s-76.4-32.7-98.4-84.8c-52.7 6.1-95-6.9-115.2-43.2c-20.7-37.1-9.4-82.8 23.6-128c-33-45.2-44.3-90.9-23.6-128c20.2-36.3 62.5-49.3 115.2-43.2C243.6 96.7 277.2 64 320 64s76.4 32.7 98.4 84.8c52.7-6.1 95 6.8 115.2 43.2c20.7 37.1 9.4 82.8-23.6 128m-65.8 67.4c-1.7 14.2-3.9 28-6.7 41.2c31.8 1.4 38.6-8.7 40.2-11.7c2.3-4.2 7-17.9-11.9-48.1q-10.2 9.45-21.6 18.6m-6.7-175.9c2.8 13.1 5 26.9 6.7 41.2q11.4 9.15 21.6 18.6c18.9-30.2 14.2-44 11.9-48.1c-1.6-2.9-8.4-13-40.2-11.7m-82.6-47.8c-16.8-33.8-31-35.7-34.9-35.7s-18.1 1.9-34.9 35.7c11.4 3.9 23.1 8.4 34.9 13.5c11.8-5.1 23.4-9.7 34.9-13.5m-159 88.9c1.7-14.3 3.9-28 6.7-41.2c-31.8-1.4-38.6 8.7-40.2 11.7c-2.3 4.2-7 17.9 11.9 48.1q10.2-9.45 21.6-18.6m-21.7 116.2c-18.9 30.2-14.2 44-11.9 48.1c1.6 2.9 8.4 13 40.2 11.7c-2.8-13.1-5-26.9-6.7-41.2q-11.4-9.15-21.6-18.6M400 320c0-44.2-35.8-80-80-80s-80 35.8-80 80s35.8 80 80 80s80-35.8 80-80m-80-32c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32"/></svg>
</template>

CSS

.icon-atom {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20462.8c-11.8%205.1-23.4%209.7-34.9%2013.5c16.7%2033.8%2031%2035.7%2034.9%2035.7s18.1-1.9%2034.9-35.7c-11.4-3.9-23.1-8.4-34.9-13.5M510%20320c33%2045.2%2044.3%2090.9%2023.6%20128c-20.2%2036.3-62.5%2049.3-115.2%2043.2c-22%2052.1-55.7%2084.8-98.4%2084.8s-76.4-32.7-98.4-84.8c-52.7%206.1-95-6.9-115.2-43.2c-20.7-37.1-9.4-82.8%2023.6-128c-33-45.2-44.3-90.9-23.6-128c20.2-36.3%2062.5-49.3%20115.2-43.2C243.6%2096.7%20277.2%2064%20320%2064s76.4%2032.7%2098.4%2084.8c52.7-6.1%2095%206.8%20115.2%2043.2c20.7%2037.1%209.4%2082.8-23.6%20128m-65.8%2067.4c-1.7%2014.2-3.9%2028-6.7%2041.2c31.8%201.4%2038.6-8.7%2040.2-11.7c2.3-4.2%207-17.9-11.9-48.1q-10.2%209.45-21.6%2018.6m-6.7-175.9c2.8%2013.1%205%2026.9%206.7%2041.2q11.4%209.15%2021.6%2018.6c18.9-30.2%2014.2-44%2011.9-48.1c-1.6-2.9-8.4-13-40.2-11.7m-82.6-47.8c-16.8-33.8-31-35.7-34.9-35.7s-18.1%201.9-34.9%2035.7c11.4%203.9%2023.1%208.4%2034.9%2013.5c11.8-5.1%2023.4-9.7%2034.9-13.5m-159%2088.9c1.7-14.3%203.9-28%206.7-41.2c-31.8-1.4-38.6%208.7-40.2%2011.7c-2.3%204.2-7%2017.9%2011.9%2048.1q10.2-9.45%2021.6-18.6m-21.7%20116.2c-18.9%2030.2-14.2%2044-11.9%2048.1c1.6%202.9%208.4%2013%2040.2%2011.7c-2.8-13.1-5-26.9-6.7-41.2q-11.4-9.15-21.6-18.6M400%20320c0-44.2-35.8-80-80-80s-80%2035.8-80%2080s35.8%2080%2080%2080s80-35.8%2080-80m-80-32c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%20462.8c-11.8%205.1-23.4%209.7-34.9%2013.5c16.7%2033.8%2031%2035.7%2034.9%2035.7s18.1-1.9%2034.9-35.7c-11.4-3.9-23.1-8.4-34.9-13.5M510%20320c33%2045.2%2044.3%2090.9%2023.6%20128c-20.2%2036.3-62.5%2049.3-115.2%2043.2c-22%2052.1-55.7%2084.8-98.4%2084.8s-76.4-32.7-98.4-84.8c-52.7%206.1-95-6.9-115.2-43.2c-20.7-37.1-9.4-82.8%2023.6-128c-33-45.2-44.3-90.9-23.6-128c20.2-36.3%2062.5-49.3%20115.2-43.2C243.6%2096.7%20277.2%2064%20320%2064s76.4%2032.7%2098.4%2084.8c52.7-6.1%2095%206.8%20115.2%2043.2c20.7%2037.1%209.4%2082.8-23.6%20128m-65.8%2067.4c-1.7%2014.2-3.9%2028-6.7%2041.2c31.8%201.4%2038.6-8.7%2040.2-11.7c2.3-4.2%207-17.9-11.9-48.1q-10.2%209.45-21.6%2018.6m-6.7-175.9c2.8%2013.1%205%2026.9%206.7%2041.2q11.4%209.15%2021.6%2018.6c18.9-30.2%2014.2-44%2011.9-48.1c-1.6-2.9-8.4-13-40.2-11.7m-82.6-47.8c-16.8-33.8-31-35.7-34.9-35.7s-18.1%201.9-34.9%2035.7c11.4%203.9%2023.1%208.4%2034.9%2013.5c11.8-5.1%2023.4-9.7%2034.9-13.5m-159%2088.9c1.7-14.3%203.9-28%206.7-41.2c-31.8-1.4-38.6%208.7-40.2%2011.7c-2.3%204.2-7%2017.9%2011.9%2048.1q10.2-9.45%2021.6-18.6m-21.7%20116.2c-18.9%2030.2-14.2%2044-11.9%2048.1c1.6%202.9%208.4%2013%2040.2%2011.7c-2.8-13.1-5-26.9-6.7-41.2q-11.4-9.15-21.6-18.6M400%20320c0-44.2-35.8-80-80-80s-80%2035.8-80%2080s35.8%2080%2080%2080s80-35.8%2080-80m-80-32c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/atom.svg?color=%231a73e8&size=48