atom icon
atom-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- atom-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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="M193.83 128a195.7 195.7 0 0 0 19.9-33.65c10.74-23.88 11-42.66.8-52.88s-29-9.94-52.88.8A195.7 195.7 0 0 0 128 62.17a195.7 195.7 0 0 0-33.65-19.9c-23.88-10.74-42.66-11-52.88-.8s-9.94 29 .8 52.88A195.7 195.7 0 0 0 62.17 128a195.7 195.7 0 0 0-19.9 33.65c-10.74 23.88-11 42.66-.8 52.88c5 5 12 7.47 20.63 7.47c9.1 0 20-2.76 32.25-8.27a195.7 195.7 0 0 0 33.65-19.9a195.7 195.7 0 0 0 33.65 19.9c12.25 5.51 23.15 8.27 32.25 8.27c8.64 0 15.65-2.49 20.63-7.47c10.23-10.22 9.94-29-.8-52.88a195.7 195.7 0 0 0-19.9-33.65M206 50c9.28 9.28 2.36 36.29-19.8 68a306 306 0 0 0-22.78-25.45A306 306 0 0 0 138 69.76c31.75-22.15 58.77-29.08 68-19.76m-27.19 78A289 289 0 0 1 155 155a289 289 0 0 1-27 23.88A289 289 0 0 1 101 155a291 291 0 0 1-23.88-27A297 297 0 0 1 128 77.14A291 291 0 0 1 155 101a289 289 0 0 1 23.85 27ZM50 50c2.68-2.69 6.84-4 12.17-4c13.11 0 33.3 8 55.87 23.81a303 303 0 0 0-25.5 22.73A306 306 0 0 0 69.76 118C47.6 86.25 40.68 59.24 50 50m0 156c-9.28-9.28-2.35-36.29 19.8-68a306 306 0 0 0 22.78 25.45A306 306 0 0 0 118 186.24C86.25 208.4 59.24 215.32 50 206m156 0c-9.28 9.28-36.29 2.35-68-19.81a304 304 0 0 0 25.45-22.77A306 306 0 0 0 186.24 138c22.16 31.75 29.08 58.76 19.76 68m-68-78a10 10 0 1 1-10-10a10 10 0 0 1 10 10"/></svg>
React
import type { SVGProps } from "react";
export function PhAtomLight(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="M193.83 128a195.7 195.7 0 0 0 19.9-33.65c10.74-23.88 11-42.66.8-52.88s-29-9.94-52.88.8A195.7 195.7 0 0 0 128 62.17a195.7 195.7 0 0 0-33.65-19.9c-23.88-10.74-42.66-11-52.88-.8s-9.94 29 .8 52.88A195.7 195.7 0 0 0 62.17 128a195.7 195.7 0 0 0-19.9 33.65c-10.74 23.88-11 42.66-.8 52.88c5 5 12 7.47 20.63 7.47c9.1 0 20-2.76 32.25-8.27a195.7 195.7 0 0 0 33.65-19.9a195.7 195.7 0 0 0 33.65 19.9c12.25 5.51 23.15 8.27 32.25 8.27c8.64 0 15.65-2.49 20.63-7.47c10.23-10.22 9.94-29-.8-52.88a195.7 195.7 0 0 0-19.9-33.65M206 50c9.28 9.28 2.36 36.29-19.8 68a306 306 0 0 0-22.78-25.45A306 306 0 0 0 138 69.76c31.75-22.15 58.77-29.08 68-19.76m-27.19 78A289 289 0 0 1 155 155a289 289 0 0 1-27 23.88A289 289 0 0 1 101 155a291 291 0 0 1-23.88-27A297 297 0 0 1 128 77.14A291 291 0 0 1 155 101a289 289 0 0 1 23.85 27ZM50 50c2.68-2.69 6.84-4 12.17-4c13.11 0 33.3 8 55.87 23.81a303 303 0 0 0-25.5 22.73A306 306 0 0 0 69.76 118C47.6 86.25 40.68 59.24 50 50m0 156c-9.28-9.28-2.35-36.29 19.8-68a306 306 0 0 0 22.78 25.45A306 306 0 0 0 118 186.24C86.25 208.4 59.24 215.32 50 206m156 0c-9.28 9.28-36.29 2.35-68-19.81a304 304 0 0 0 25.45-22.77A306 306 0 0 0 186.24 138c22.16 31.75 29.08 58.76 19.76 68m-68-78a10 10 0 1 1-10-10a10 10 0 0 1 10 10"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M193.83 128a195.7 195.7 0 0 0 19.9-33.65c10.74-23.88 11-42.66.8-52.88s-29-9.94-52.88.8A195.7 195.7 0 0 0 128 62.17a195.7 195.7 0 0 0-33.65-19.9c-23.88-10.74-42.66-11-52.88-.8s-9.94 29 .8 52.88A195.7 195.7 0 0 0 62.17 128a195.7 195.7 0 0 0-19.9 33.65c-10.74 23.88-11 42.66-.8 52.88c5 5 12 7.47 20.63 7.47c9.1 0 20-2.76 32.25-8.27a195.7 195.7 0 0 0 33.65-19.9a195.7 195.7 0 0 0 33.65 19.9c12.25 5.51 23.15 8.27 32.25 8.27c8.64 0 15.65-2.49 20.63-7.47c10.23-10.22 9.94-29-.8-52.88a195.7 195.7 0 0 0-19.9-33.65M206 50c9.28 9.28 2.36 36.29-19.8 68a306 306 0 0 0-22.78-25.45A306 306 0 0 0 138 69.76c31.75-22.15 58.77-29.08 68-19.76m-27.19 78A289 289 0 0 1 155 155a289 289 0 0 1-27 23.88A289 289 0 0 1 101 155a291 291 0 0 1-23.88-27A297 297 0 0 1 128 77.14A291 291 0 0 1 155 101a289 289 0 0 1 23.85 27ZM50 50c2.68-2.69 6.84-4 12.17-4c13.11 0 33.3 8 55.87 23.81a303 303 0 0 0-25.5 22.73A306 306 0 0 0 69.76 118C47.6 86.25 40.68 59.24 50 50m0 156c-9.28-9.28-2.35-36.29 19.8-68a306 306 0 0 0 22.78 25.45A306 306 0 0 0 118 186.24C86.25 208.4 59.24 215.32 50 206m156 0c-9.28 9.28-36.29 2.35-68-19.81a304 304 0 0 0 25.45-22.77A306 306 0 0 0 186.24 138c22.16 31.75 29.08 58.76 19.76 68m-68-78a10 10 0 1 1-10-10a10 10 0 0 1 10 10"/></svg> </template>
CSS
.icon-atom-light {
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%22M193.83%20128a195.7%20195.7%200%200%200%2019.9-33.65c10.74-23.88%2011-42.66.8-52.88s-29-9.94-52.88.8A195.7%20195.7%200%200%200%20128%2062.17a195.7%20195.7%200%200%200-33.65-19.9c-23.88-10.74-42.66-11-52.88-.8s-9.94%2029%20.8%2052.88A195.7%20195.7%200%200%200%2062.17%20128a195.7%20195.7%200%200%200-19.9%2033.65c-10.74%2023.88-11%2042.66-.8%2052.88c5%205%2012%207.47%2020.63%207.47c9.1%200%2020-2.76%2032.25-8.27a195.7%20195.7%200%200%200%2033.65-19.9a195.7%20195.7%200%200%200%2033.65%2019.9c12.25%205.51%2023.15%208.27%2032.25%208.27c8.64%200%2015.65-2.49%2020.63-7.47c10.23-10.22%209.94-29-.8-52.88a195.7%20195.7%200%200%200-19.9-33.65M206%2050c9.28%209.28%202.36%2036.29-19.8%2068a306%20306%200%200%200-22.78-25.45A306%20306%200%200%200%20138%2069.76c31.75-22.15%2058.77-29.08%2068-19.76m-27.19%2078A289%20289%200%200%201%20155%20155a289%20289%200%200%201-27%2023.88A289%20289%200%200%201%20101%20155a291%20291%200%200%201-23.88-27A297%20297%200%200%201%20128%2077.14A291%20291%200%200%201%20155%20101a289%20289%200%200%201%2023.85%2027ZM50%2050c2.68-2.69%206.84-4%2012.17-4c13.11%200%2033.3%208%2055.87%2023.81a303%20303%200%200%200-25.5%2022.73A306%20306%200%200%200%2069.76%20118C47.6%2086.25%2040.68%2059.24%2050%2050m0%20156c-9.28-9.28-2.35-36.29%2019.8-68a306%20306%200%200%200%2022.78%2025.45A306%20306%200%200%200%20118%20186.24C86.25%20208.4%2059.24%20215.32%2050%20206m156%200c-9.28%209.28-36.29%202.35-68-19.81a304%20304%200%200%200%2025.45-22.77A306%20306%200%200%200%20186.24%20138c22.16%2031.75%2029.08%2058.76%2019.76%2068m-68-78a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010%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%22M193.83%20128a195.7%20195.7%200%200%200%2019.9-33.65c10.74-23.88%2011-42.66.8-52.88s-29-9.94-52.88.8A195.7%20195.7%200%200%200%20128%2062.17a195.7%20195.7%200%200%200-33.65-19.9c-23.88-10.74-42.66-11-52.88-.8s-9.94%2029%20.8%2052.88A195.7%20195.7%200%200%200%2062.17%20128a195.7%20195.7%200%200%200-19.9%2033.65c-10.74%2023.88-11%2042.66-.8%2052.88c5%205%2012%207.47%2020.63%207.47c9.1%200%2020-2.76%2032.25-8.27a195.7%20195.7%200%200%200%2033.65-19.9a195.7%20195.7%200%200%200%2033.65%2019.9c12.25%205.51%2023.15%208.27%2032.25%208.27c8.64%200%2015.65-2.49%2020.63-7.47c10.23-10.22%209.94-29-.8-52.88a195.7%20195.7%200%200%200-19.9-33.65M206%2050c9.28%209.28%202.36%2036.29-19.8%2068a306%20306%200%200%200-22.78-25.45A306%20306%200%200%200%20138%2069.76c31.75-22.15%2058.77-29.08%2068-19.76m-27.19%2078A289%20289%200%200%201%20155%20155a289%20289%200%200%201-27%2023.88A289%20289%200%200%201%20101%20155a291%20291%200%200%201-23.88-27A297%20297%200%200%201%20128%2077.14A291%20291%200%200%201%20155%20101a289%20289%200%200%201%2023.85%2027ZM50%2050c2.68-2.69%206.84-4%2012.17-4c13.11%200%2033.3%208%2055.87%2023.81a303%20303%200%200%200-25.5%2022.73A306%20306%200%200%200%2069.76%20118C47.6%2086.25%2040.68%2059.24%2050%2050m0%20156c-9.28-9.28-2.35-36.29%2019.8-68a306%20306%200%200%200%2022.78%2025.45A306%20306%200%200%200%20118%20186.24C86.25%20208.4%2059.24%20215.32%2050%20206m156%200c-9.28%209.28-36.29%202.35-68-19.81a304%20304%200%200%200%2025.45-22.77A306%20306%200%200%200%20186.24%20138c22.16%2031.75%2029.08%2058.76%2019.76%2068m-68-78a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/atom-light.svg?color=%231a73e8&size=48
