atom icon
atom-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- atom-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
atomBoxIcons v2atomCoreUI BrandsatomDeviconatomFont Awesome 6 SolidatomFont Awesome Solidatom-outlineFlowbite IconsatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMaterial Design IconsatomMyna UI Iconsatom-fillRemix IconatomSimple IconsatomSkill Iconsatom-boldSolaratomTabler IconsatomWeb3 IconsatomWeb3 Icons BrandedatomUnicons
Use the atom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M196.12 128c24.65-34.61 37.22-70.38 19.74-87.86S162.61 35.23 128 59.88C93.39 35.23 57.62 22.66 40.14 40.14S35.23 93.39 59.88 128c-24.65 34.61-37.22 70.38-19.74 87.86c5.63 5.63 13.15 8.14 21.91 8.14c18.47 0 42.48-11.17 66-27.88C151.47 212.83 175.47 224 194 224c8.76 0 16.29-2.52 21.91-8.14c17.43-17.48 4.86-53.25-19.79-87.86m8.43-76.55c7.64 7.64 2.48 32.4-18.52 63.28a300 300 0 0 0-21.19-23.57A303 303 0 0 0 141.27 70c30.88-21 55.64-26.19 63.28-18.55m-153.1 0c2.2-2.21 5.83-3.35 10.62-3.35c11.82 0 30.69 6.9 52.65 21.9a304 304 0 0 0-23.56 21.16A300 300 0 0 0 70 114.73C49 83.85 43.81 59.09 51.45 51.45m0 153.1c-7.64-7.64-2.45-32.4 18.55-63.28a300 300 0 0 0 21.19 23.57A304 304 0 0 0 114.73 186c-30.88 21-55.64 26.19-63.28 18.55M128 140a12 12 0 1 1 12-12a12 12 0 0 1-12 12m76.55 64.56c-7.64 7.65-32.4 2.48-63.28-18.52a304 304 0 0 0 23.57-21.19A300 300 0 0 0 186 141.27c21 30.88 26.19 55.64 18.55 63.28Z"/></svg>
React
import type { SVGProps } from "react";
export function PhAtomFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M196.12 128c24.65-34.61 37.22-70.38 19.74-87.86S162.61 35.23 128 59.88C93.39 35.23 57.62 22.66 40.14 40.14S35.23 93.39 59.88 128c-24.65 34.61-37.22 70.38-19.74 87.86c5.63 5.63 13.15 8.14 21.91 8.14c18.47 0 42.48-11.17 66-27.88C151.47 212.83 175.47 224 194 224c8.76 0 16.29-2.52 21.91-8.14c17.43-17.48 4.86-53.25-19.79-87.86m8.43-76.55c7.64 7.64 2.48 32.4-18.52 63.28a300 300 0 0 0-21.19-23.57A303 303 0 0 0 141.27 70c30.88-21 55.64-26.19 63.28-18.55m-153.1 0c2.2-2.21 5.83-3.35 10.62-3.35c11.82 0 30.69 6.9 52.65 21.9a304 304 0 0 0-23.56 21.16A300 300 0 0 0 70 114.73C49 83.85 43.81 59.09 51.45 51.45m0 153.1c-7.64-7.64-2.45-32.4 18.55-63.28a300 300 0 0 0 21.19 23.57A304 304 0 0 0 114.73 186c-30.88 21-55.64 26.19-63.28 18.55M128 140a12 12 0 1 1 12-12a12 12 0 0 1-12 12m76.55 64.56c-7.64 7.65-32.4 2.48-63.28-18.52a304 304 0 0 0 23.57-21.19A300 300 0 0 0 186 141.27c21 30.88 26.19 55.64 18.55 63.28Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M196.12 128c24.65-34.61 37.22-70.38 19.74-87.86S162.61 35.23 128 59.88C93.39 35.23 57.62 22.66 40.14 40.14S35.23 93.39 59.88 128c-24.65 34.61-37.22 70.38-19.74 87.86c5.63 5.63 13.15 8.14 21.91 8.14c18.47 0 42.48-11.17 66-27.88C151.47 212.83 175.47 224 194 224c8.76 0 16.29-2.52 21.91-8.14c17.43-17.48 4.86-53.25-19.79-87.86m8.43-76.55c7.64 7.64 2.48 32.4-18.52 63.28a300 300 0 0 0-21.19-23.57A303 303 0 0 0 141.27 70c30.88-21 55.64-26.19 63.28-18.55m-153.1 0c2.2-2.21 5.83-3.35 10.62-3.35c11.82 0 30.69 6.9 52.65 21.9a304 304 0 0 0-23.56 21.16A300 300 0 0 0 70 114.73C49 83.85 43.81 59.09 51.45 51.45m0 153.1c-7.64-7.64-2.45-32.4 18.55-63.28a300 300 0 0 0 21.19 23.57A304 304 0 0 0 114.73 186c-30.88 21-55.64 26.19-63.28 18.55M128 140a12 12 0 1 1 12-12a12 12 0 0 1-12 12m76.55 64.56c-7.64 7.65-32.4 2.48-63.28-18.52a304 304 0 0 0 23.57-21.19A300 300 0 0 0 186 141.27c21 30.88 26.19 55.64 18.55 63.28Z"/></svg> </template>
CSS
.icon-atom-fill {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M196.12%20128c24.65-34.61%2037.22-70.38%2019.74-87.86S162.61%2035.23%20128%2059.88C93.39%2035.23%2057.62%2022.66%2040.14%2040.14S35.23%2093.39%2059.88%20128c-24.65%2034.61-37.22%2070.38-19.74%2087.86c5.63%205.63%2013.15%208.14%2021.91%208.14c18.47%200%2042.48-11.17%2066-27.88C151.47%20212.83%20175.47%20224%20194%20224c8.76%200%2016.29-2.52%2021.91-8.14c17.43-17.48%204.86-53.25-19.79-87.86m8.43-76.55c7.64%207.64%202.48%2032.4-18.52%2063.28a300%20300%200%200%200-21.19-23.57A303%20303%200%200%200%20141.27%2070c30.88-21%2055.64-26.19%2063.28-18.55m-153.1%200c2.2-2.21%205.83-3.35%2010.62-3.35c11.82%200%2030.69%206.9%2052.65%2021.9a304%20304%200%200%200-23.56%2021.16A300%20300%200%200%200%2070%20114.73C49%2083.85%2043.81%2059.09%2051.45%2051.45m0%20153.1c-7.64-7.64-2.45-32.4%2018.55-63.28a300%20300%200%200%200%2021.19%2023.57A304%20304%200%200%200%20114.73%20186c-30.88%2021-55.64%2026.19-63.28%2018.55M128%20140a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012m76.55%2064.56c-7.64%207.65-32.4%202.48-63.28-18.52a304%20304%200%200%200%2023.57-21.19A300%20300%200%200%200%20186%20141.27c21%2030.88%2026.19%2055.64%2018.55%2063.28Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M196.12%20128c24.65-34.61%2037.22-70.38%2019.74-87.86S162.61%2035.23%20128%2059.88C93.39%2035.23%2057.62%2022.66%2040.14%2040.14S35.23%2093.39%2059.88%20128c-24.65%2034.61-37.22%2070.38-19.74%2087.86c5.63%205.63%2013.15%208.14%2021.91%208.14c18.47%200%2042.48-11.17%2066-27.88C151.47%20212.83%20175.47%20224%20194%20224c8.76%200%2016.29-2.52%2021.91-8.14c17.43-17.48%204.86-53.25-19.79-87.86m8.43-76.55c7.64%207.64%202.48%2032.4-18.52%2063.28a300%20300%200%200%200-21.19-23.57A303%20303%200%200%200%20141.27%2070c30.88-21%2055.64-26.19%2063.28-18.55m-153.1%200c2.2-2.21%205.83-3.35%2010.62-3.35c11.82%200%2030.69%206.9%2052.65%2021.9a304%20304%200%200%200-23.56%2021.16A300%20300%200%200%200%2070%20114.73C49%2083.85%2043.81%2059.09%2051.45%2051.45m0%20153.1c-7.64-7.64-2.45-32.4%2018.55-63.28a300%20300%200%200%200%2021.19%2023.57A304%20304%200%200%200%20114.73%20186c-30.88%2021-55.64%2026.19-63.28%2018.55M128%20140a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012m76.55%2064.56c-7.64%207.65-32.4%202.48-63.28-18.52a304%20304%200%200%200%2023.57-21.19A300%20300%200%200%200%20186%20141.27c21%2030.88%2026.19%2055.64%2018.55%2063.28Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/atom-fill.svg?color=%231a73e8&size=48
