atom icon

atom-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
atom-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

atomatom-duotoneatom-fillatom-lightatom-thin

The same icon in other sets

atomBoxIcons v2atomDeviconatomFont Awesome 6 SolidatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMaterial Design Iconsatom-fillRemix IconatomSimple IconsatomSkill Iconsatom-boldSolaratomTabler IconsatomUnicons

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="M219.23 159.2a196.7 196.7 0 0 0-18-31.2a196.7 196.7 0 0 0 18-31.2c11.84-26.31 11.69-47.48-.43-59.6s-33.29-12.27-59.6-.43a196.7 196.7 0 0 0-31.2 18a196.7 196.7 0 0 0-31.2-18c-26.31-11.84-47.48-11.69-59.6.43s-12.27 33.29-.43 59.6a196.7 196.7 0 0 0 18 31.2a196.7 196.7 0 0 0-18 31.2c-11.84 26.31-11.69 47.48.43 59.6c6.13 6.13 14.58 9.2 24.8 9.2c10 0 21.77-2.92 34.76-8.77a196.7 196.7 0 0 0 31.2-18a196.7 196.7 0 0 0 31.2 18c13 5.85 24.74 8.77 34.76 8.77c10.26 0 18.71-3.07 24.84-9.2c12.16-12.12 12.31-33.29.47-59.6m-17.41-105c5.25 5.26 1.79 26-16 53.78c-5.61-6.66-11.65-13.25-18.07-19.67S154.7 75.83 148 70.22c27.82-17.83 48.56-21.29 53.82-16.04ZM171.24 128a289 289 0 0 1-20.51 22.73A289 289 0 0 1 128 171.24a289 289 0 0 1-22.73-20.51A289 289 0 0 1 84.76 128A298.6 298.6 0 0 1 128 84.76a287 287 0 0 1 22.73 20.51A287 287 0 0 1 171.24 128M54.18 54.18c1.46-1.45 4.1-2.24 7.75-2.24c9.53 0 25.94 5.39 46 18.28c-6.66 5.61-13.25 11.65-19.67 18.07S75.83 101.3 70.22 108C52.39 80.18 48.93 59.44 54.18 54.18m0 147.64c-5.25-5.26-1.79-26 16-53.78c5.61 6.66 11.65 13.25 18.07 19.67s13 12.46 19.67 18.07c-27.74 17.83-48.48 21.29-53.74 16.04m147.64 0c-5.26 5.25-26 1.79-53.78-16c6.66-5.61 13.25-11.65 19.67-18.07s12.46-13 18.07-19.67c17.83 27.74 21.29 48.48 16.04 53.74M144 128a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>

React

import type { SVGProps } from "react";

export function PhAtomBold(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="M219.23 159.2a196.7 196.7 0 0 0-18-31.2a196.7 196.7 0 0 0 18-31.2c11.84-26.31 11.69-47.48-.43-59.6s-33.29-12.27-59.6-.43a196.7 196.7 0 0 0-31.2 18a196.7 196.7 0 0 0-31.2-18c-26.31-11.84-47.48-11.69-59.6.43s-12.27 33.29-.43 59.6a196.7 196.7 0 0 0 18 31.2a196.7 196.7 0 0 0-18 31.2c-11.84 26.31-11.69 47.48.43 59.6c6.13 6.13 14.58 9.2 24.8 9.2c10 0 21.77-2.92 34.76-8.77a196.7 196.7 0 0 0 31.2-18a196.7 196.7 0 0 0 31.2 18c13 5.85 24.74 8.77 34.76 8.77c10.26 0 18.71-3.07 24.84-9.2c12.16-12.12 12.31-33.29.47-59.6m-17.41-105c5.25 5.26 1.79 26-16 53.78c-5.61-6.66-11.65-13.25-18.07-19.67S154.7 75.83 148 70.22c27.82-17.83 48.56-21.29 53.82-16.04ZM171.24 128a289 289 0 0 1-20.51 22.73A289 289 0 0 1 128 171.24a289 289 0 0 1-22.73-20.51A289 289 0 0 1 84.76 128A298.6 298.6 0 0 1 128 84.76a287 287 0 0 1 22.73 20.51A287 287 0 0 1 171.24 128M54.18 54.18c1.46-1.45 4.1-2.24 7.75-2.24c9.53 0 25.94 5.39 46 18.28c-6.66 5.61-13.25 11.65-19.67 18.07S75.83 101.3 70.22 108C52.39 80.18 48.93 59.44 54.18 54.18m0 147.64c-5.25-5.26-1.79-26 16-53.78c5.61 6.66 11.65 13.25 18.07 19.67s13 12.46 19.67 18.07c-27.74 17.83-48.48 21.29-53.74 16.04m147.64 0c-5.26 5.25-26 1.79-53.78-16c6.66-5.61 13.25-11.65 19.67-18.07s12.46-13 18.07-19.67c17.83 27.74 21.29 48.48 16.04 53.74M144 128a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M219.23 159.2a196.7 196.7 0 0 0-18-31.2a196.7 196.7 0 0 0 18-31.2c11.84-26.31 11.69-47.48-.43-59.6s-33.29-12.27-59.6-.43a196.7 196.7 0 0 0-31.2 18a196.7 196.7 0 0 0-31.2-18c-26.31-11.84-47.48-11.69-59.6.43s-12.27 33.29-.43 59.6a196.7 196.7 0 0 0 18 31.2a196.7 196.7 0 0 0-18 31.2c-11.84 26.31-11.69 47.48.43 59.6c6.13 6.13 14.58 9.2 24.8 9.2c10 0 21.77-2.92 34.76-8.77a196.7 196.7 0 0 0 31.2-18a196.7 196.7 0 0 0 31.2 18c13 5.85 24.74 8.77 34.76 8.77c10.26 0 18.71-3.07 24.84-9.2c12.16-12.12 12.31-33.29.47-59.6m-17.41-105c5.25 5.26 1.79 26-16 53.78c-5.61-6.66-11.65-13.25-18.07-19.67S154.7 75.83 148 70.22c27.82-17.83 48.56-21.29 53.82-16.04ZM171.24 128a289 289 0 0 1-20.51 22.73A289 289 0 0 1 128 171.24a289 289 0 0 1-22.73-20.51A289 289 0 0 1 84.76 128A298.6 298.6 0 0 1 128 84.76a287 287 0 0 1 22.73 20.51A287 287 0 0 1 171.24 128M54.18 54.18c1.46-1.45 4.1-2.24 7.75-2.24c9.53 0 25.94 5.39 46 18.28c-6.66 5.61-13.25 11.65-19.67 18.07S75.83 101.3 70.22 108C52.39 80.18 48.93 59.44 54.18 54.18m0 147.64c-5.25-5.26-1.79-26 16-53.78c5.61 6.66 11.65 13.25 18.07 19.67s13 12.46 19.67 18.07c-27.74 17.83-48.48 21.29-53.74 16.04m147.64 0c-5.26 5.25-26 1.79-53.78-16c6.66-5.61 13.25-11.65 19.67-18.07s12.46-13 18.07-19.67c17.83 27.74 21.29 48.48 16.04 53.74M144 128a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>
</template>

CSS

.icon-atom-bold {
  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%22M219.23%20159.2a196.7%20196.7%200%200%200-18-31.2a196.7%20196.7%200%200%200%2018-31.2c11.84-26.31%2011.69-47.48-.43-59.6s-33.29-12.27-59.6-.43a196.7%20196.7%200%200%200-31.2%2018a196.7%20196.7%200%200%200-31.2-18c-26.31-11.84-47.48-11.69-59.6.43s-12.27%2033.29-.43%2059.6a196.7%20196.7%200%200%200%2018%2031.2a196.7%20196.7%200%200%200-18%2031.2c-11.84%2026.31-11.69%2047.48.43%2059.6c6.13%206.13%2014.58%209.2%2024.8%209.2c10%200%2021.77-2.92%2034.76-8.77a196.7%20196.7%200%200%200%2031.2-18a196.7%20196.7%200%200%200%2031.2%2018c13%205.85%2024.74%208.77%2034.76%208.77c10.26%200%2018.71-3.07%2024.84-9.2c12.16-12.12%2012.31-33.29.47-59.6m-17.41-105c5.25%205.26%201.79%2026-16%2053.78c-5.61-6.66-11.65-13.25-18.07-19.67S154.7%2075.83%20148%2070.22c27.82-17.83%2048.56-21.29%2053.82-16.04ZM171.24%20128a289%20289%200%200%201-20.51%2022.73A289%20289%200%200%201%20128%20171.24a289%20289%200%200%201-22.73-20.51A289%20289%200%200%201%2084.76%20128A298.6%20298.6%200%200%201%20128%2084.76a287%20287%200%200%201%2022.73%2020.51A287%20287%200%200%201%20171.24%20128M54.18%2054.18c1.46-1.45%204.1-2.24%207.75-2.24c9.53%200%2025.94%205.39%2046%2018.28c-6.66%205.61-13.25%2011.65-19.67%2018.07S75.83%20101.3%2070.22%20108C52.39%2080.18%2048.93%2059.44%2054.18%2054.18m0%20147.64c-5.25-5.26-1.79-26%2016-53.78c5.61%206.66%2011.65%2013.25%2018.07%2019.67s13%2012.46%2019.67%2018.07c-27.74%2017.83-48.48%2021.29-53.74%2016.04m147.64%200c-5.26%205.25-26%201.79-53.78-16c6.66-5.61%2013.25-11.65%2019.67-18.07s12.46-13%2018.07-19.67c17.83%2027.74%2021.29%2048.48%2016.04%2053.74M144%20128a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016%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%22M219.23%20159.2a196.7%20196.7%200%200%200-18-31.2a196.7%20196.7%200%200%200%2018-31.2c11.84-26.31%2011.69-47.48-.43-59.6s-33.29-12.27-59.6-.43a196.7%20196.7%200%200%200-31.2%2018a196.7%20196.7%200%200%200-31.2-18c-26.31-11.84-47.48-11.69-59.6.43s-12.27%2033.29-.43%2059.6a196.7%20196.7%200%200%200%2018%2031.2a196.7%20196.7%200%200%200-18%2031.2c-11.84%2026.31-11.69%2047.48.43%2059.6c6.13%206.13%2014.58%209.2%2024.8%209.2c10%200%2021.77-2.92%2034.76-8.77a196.7%20196.7%200%200%200%2031.2-18a196.7%20196.7%200%200%200%2031.2%2018c13%205.85%2024.74%208.77%2034.76%208.77c10.26%200%2018.71-3.07%2024.84-9.2c12.16-12.12%2012.31-33.29.47-59.6m-17.41-105c5.25%205.26%201.79%2026-16%2053.78c-5.61-6.66-11.65-13.25-18.07-19.67S154.7%2075.83%20148%2070.22c27.82-17.83%2048.56-21.29%2053.82-16.04ZM171.24%20128a289%20289%200%200%201-20.51%2022.73A289%20289%200%200%201%20128%20171.24a289%20289%200%200%201-22.73-20.51A289%20289%200%200%201%2084.76%20128A298.6%20298.6%200%200%201%20128%2084.76a287%20287%200%200%201%2022.73%2020.51A287%20287%200%200%201%20171.24%20128M54.18%2054.18c1.46-1.45%204.1-2.24%207.75-2.24c9.53%200%2025.94%205.39%2046%2018.28c-6.66%205.61-13.25%2011.65-19.67%2018.07S75.83%20101.3%2070.22%20108C52.39%2080.18%2048.93%2059.44%2054.18%2054.18m0%20147.64c-5.25-5.26-1.79-26%2016-53.78c5.61%206.66%2011.65%2013.25%2018.07%2019.67s13%2012.46%2019.67%2018.07c-27.74%2017.83-48.48%2021.29-53.74%2016.04m147.64%200c-5.26%205.25-26%201.79-53.78-16c6.66-5.61%2013.25-11.65%2019.67-18.07s12.46-13%2018.07-19.67c17.83%2027.74%2021.29%2048.48%2016.04%2053.74M144%20128a16%2016%200%201%201-16-16a16%2016%200%200%201%2016%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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