atom icon

atom-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.

Name
atom-duotone
Set
Phosphor
Style
Duotone
Viewbox
256×256
License
MIT

5 other variants in Phosphor

atomatom-boldatom-fillatom-lightatom-thin

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"><g fill="currentColor"><path d="M210.26 210.26c-17.23 17.23-68-5.63-113.46-51.06S28.51 63 45.74 45.74s68 5.63 113.46 51.06s68.29 96.2 51.06 113.46" opacity=".2"/><path 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.48 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.57A300 300 0 0 0 141.27 70c30.88-21 55.64-26.2 63.28-18.55M176.29 128a289 289 0 0 1-22.76 25.53A289 289 0 0 1 128 176.29a289 289 0 0 1-25.53-22.76A289 289 0 0 1 79.71 128A298.6 298.6 0 0 1 128 79.71a289 289 0 0 1 25.53 22.76A289 289 0 0 1 176.29 128M51.45 51.45c2.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.2-63.28 18.55m153.1 0c-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.28M140 128a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></g></svg>

React

import type { SVGProps } from "react";

export function PhAtomDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M210.26 210.26c-17.23 17.23-68-5.63-113.46-51.06S28.51 63 45.74 45.74s68 5.63 113.46 51.06s68.29 96.2 51.06 113.46" opacity=".2"/><path 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.48 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.57A300 300 0 0 0 141.27 70c30.88-21 55.64-26.2 63.28-18.55M176.29 128a289 289 0 0 1-22.76 25.53A289 289 0 0 1 128 176.29a289 289 0 0 1-25.53-22.76A289 289 0 0 1 79.71 128A298.6 298.6 0 0 1 128 79.71a289 289 0 0 1 25.53 22.76A289 289 0 0 1 176.29 128M51.45 51.45c2.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.2-63.28 18.55m153.1 0c-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.28M140 128a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M210.26 210.26c-17.23 17.23-68-5.63-113.46-51.06S28.51 63 45.74 45.74s68 5.63 113.46 51.06s68.29 96.2 51.06 113.46" opacity=".2"/><path 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.48 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.57A300 300 0 0 0 141.27 70c30.88-21 55.64-26.2 63.28-18.55M176.29 128a289 289 0 0 1-22.76 25.53A289 289 0 0 1 128 176.29a289 289 0 0 1-25.53-22.76A289 289 0 0 1 79.71 128A298.6 298.6 0 0 1 128 79.71a289 289 0 0 1 25.53 22.76A289 289 0 0 1 176.29 128M51.45 51.45c2.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.2-63.28 18.55m153.1 0c-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.28M140 128a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></g></svg>
</template>

CSS

.icon-atom-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M210.26%20210.26c-17.23%2017.23-68-5.63-113.46-51.06S28.51%2063%2045.74%2045.74s68%205.63%20113.46%2051.06s68.29%2096.2%2051.06%20113.46%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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.48%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.57A300%20300%200%200%200%20141.27%2070c30.88-21%2055.64-26.2%2063.28-18.55M176.29%20128a289%20289%200%200%201-22.76%2025.53A289%20289%200%200%201%20128%20176.29a289%20289%200%200%201-25.53-22.76A289%20289%200%200%201%2079.71%20128A298.6%20298.6%200%200%201%20128%2079.71a289%20289%200%200%201%2025.53%2022.76A289%20289%200%200%201%20176.29%20128M51.45%2051.45c2.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.2-63.28%2018.55m153.1%200c-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.28M140%20128a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M210.26%20210.26c-17.23%2017.23-68-5.63-113.46-51.06S28.51%2063%2045.74%2045.74s68%205.63%20113.46%2051.06s68.29%2096.2%2051.06%20113.46%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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.48%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.57A300%20300%200%200%200%20141.27%2070c30.88-21%2055.64-26.2%2063.28-18.55M176.29%20128a289%20289%200%200%201-22.76%2025.53A289%20289%200%200%201%20128%20176.29a289%20289%200%200%201-25.53-22.76A289%20289%200%200%201%2079.71%20128A298.6%20298.6%200%200%201%20128%2079.71a289%20289%200%200%201%2025.53%2022.76A289%20289%200%200%201%20176.29%20128M51.45%2051.45c2.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.2-63.28%2018.55m153.1%200c-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.28M140%20128a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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