atom icon
atom from Line Awesome by Icons8 · Line · Spinners · Apache-2.0 Free for personal and commercial use.
- Name
- atom
- Set
- Line Awesome
- Style
- Line
- Category
- Spinners
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- atom-solid
The same icon in other sets
More spinners icons from Line Awesome
Use the atom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-3.094 0-5.492 4.578-5.922 10.938c.555.59 1.207 1.175 1.93 1.746c.008-.664.047-1.297.101-1.918A31 31 0 0 1 14 12.536c2.66-1.536 5.398-2.548 7.707-2.848a10 10 0 0 1 1.266-.086c1.297 0 2.215.312 2.554.898c.305.531.168 1.375-.343 2.363c.523.485 1.02.977 1.46 1.473C27.77 12.473 28 10.78 27.259 9.5c-.883-1.527-2.942-2.168-5.805-1.797c-2.566.332-5.566 1.434-8.453 3.102c-.184.105-.355.222-.535.336C13.184 7.44 14.645 5 16 5c.633 0 1.29.54 1.883 1.477a22 22 0 0 1 2.004-.532C18.852 4.09 17.507 3 16 3M9.219 7.613C7.05 7.574 5.48 8.223 4.742 9.5c-.804 1.39-.469 3.258.914 5.309c.125.191.262.394.434.617c1.57 2.054 4.023 4.101 6.91 5.77c.184.105.375.199.563.304c-1.145.395-2.254.68-3.274.813c-1.95.253-3.375-.051-3.812-.813c-.309-.531-.172-1.375.34-2.363a24 24 0 0 1-1.465-1.469C4.23 19.528 4 21.218 4.742 22.5c.719 1.246 2.219 1.902 4.297 1.902c.473 0 .98-.035 1.508-.105q.456-.06.922-.152l.219-.047q.021-.001.042-.008c.532-.113 1.118-.27 1.79-.48l.66-.204c.98-.336 1.984-.754 2.988-1.242c.219-.727.414-1.574.562-2.55c-.578.323-1.16.616-1.738.89A25 25 0 0 1 14 19.464c-2.664-1.538-4.91-3.401-6.32-5.25c-1.196-1.566-1.645-2.952-1.203-3.714c.3-.523 1.097-.82 2.195-.875q.232-1.062.547-2.012m11.523 4.285c-.789.184-1.625.454-2.48.793c.566.336 1.105.696 1.629 1.055c.062.727.109 1.469.109 2.254c0 5.898-1.855 10.398-3.64 10.941c-.122.04-.247.059-.36.059c-.633 0-1.29-.535-1.883-1.48c-.68.214-1.351.398-2.004.535C13.148 27.91 14.493 29 16 29q.298 0 .578-.059C19.707 28.348 22 22.988 22 16c0-.215-.016-.422-.02-.637c.915.793 1.72 1.61 2.344 2.422c1.192 1.567 1.64 2.953 1.203 3.715c-.308.527-1.093.832-2.199.887a20 20 0 0 1-.543 2.004c.055 0 .121.011.176.011c2.078 0 3.578-.656 4.297-1.902c.883-1.527.406-3.633-1.348-5.926c-1.242-1.625-3.043-3.242-5.168-4.676M16 14a1.999 1.999 0 1 0 0 4a1.999 1.999 0 1 0 0-4"/></svg>
React
import type { SVGProps } from "react";
export function LaAtom(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-3.094 0-5.492 4.578-5.922 10.938c.555.59 1.207 1.175 1.93 1.746c.008-.664.047-1.297.101-1.918A31 31 0 0 1 14 12.536c2.66-1.536 5.398-2.548 7.707-2.848a10 10 0 0 1 1.266-.086c1.297 0 2.215.312 2.554.898c.305.531.168 1.375-.343 2.363c.523.485 1.02.977 1.46 1.473C27.77 12.473 28 10.78 27.259 9.5c-.883-1.527-2.942-2.168-5.805-1.797c-2.566.332-5.566 1.434-8.453 3.102c-.184.105-.355.222-.535.336C13.184 7.44 14.645 5 16 5c.633 0 1.29.54 1.883 1.477a22 22 0 0 1 2.004-.532C18.852 4.09 17.507 3 16 3M9.219 7.613C7.05 7.574 5.48 8.223 4.742 9.5c-.804 1.39-.469 3.258.914 5.309c.125.191.262.394.434.617c1.57 2.054 4.023 4.101 6.91 5.77c.184.105.375.199.563.304c-1.145.395-2.254.68-3.274.813c-1.95.253-3.375-.051-3.812-.813c-.309-.531-.172-1.375.34-2.363a24 24 0 0 1-1.465-1.469C4.23 19.528 4 21.218 4.742 22.5c.719 1.246 2.219 1.902 4.297 1.902c.473 0 .98-.035 1.508-.105q.456-.06.922-.152l.219-.047q.021-.001.042-.008c.532-.113 1.118-.27 1.79-.48l.66-.204c.98-.336 1.984-.754 2.988-1.242c.219-.727.414-1.574.562-2.55c-.578.323-1.16.616-1.738.89A25 25 0 0 1 14 19.464c-2.664-1.538-4.91-3.401-6.32-5.25c-1.196-1.566-1.645-2.952-1.203-3.714c.3-.523 1.097-.82 2.195-.875q.232-1.062.547-2.012m11.523 4.285c-.789.184-1.625.454-2.48.793c.566.336 1.105.696 1.629 1.055c.062.727.109 1.469.109 2.254c0 5.898-1.855 10.398-3.64 10.941c-.122.04-.247.059-.36.059c-.633 0-1.29-.535-1.883-1.48c-.68.214-1.351.398-2.004.535C13.148 27.91 14.493 29 16 29q.298 0 .578-.059C19.707 28.348 22 22.988 22 16c0-.215-.016-.422-.02-.637c.915.793 1.72 1.61 2.344 2.422c1.192 1.567 1.64 2.953 1.203 3.715c-.308.527-1.093.832-2.199.887a20 20 0 0 1-.543 2.004c.055 0 .121.011.176.011c2.078 0 3.578-.656 4.297-1.902c.883-1.527.406-3.633-1.348-5.926c-1.242-1.625-3.043-3.242-5.168-4.676M16 14a1.999 1.999 0 1 0 0 4a1.999 1.999 0 1 0 0-4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-3.094 0-5.492 4.578-5.922 10.938c.555.59 1.207 1.175 1.93 1.746c.008-.664.047-1.297.101-1.918A31 31 0 0 1 14 12.536c2.66-1.536 5.398-2.548 7.707-2.848a10 10 0 0 1 1.266-.086c1.297 0 2.215.312 2.554.898c.305.531.168 1.375-.343 2.363c.523.485 1.02.977 1.46 1.473C27.77 12.473 28 10.78 27.259 9.5c-.883-1.527-2.942-2.168-5.805-1.797c-2.566.332-5.566 1.434-8.453 3.102c-.184.105-.355.222-.535.336C13.184 7.44 14.645 5 16 5c.633 0 1.29.54 1.883 1.477a22 22 0 0 1 2.004-.532C18.852 4.09 17.507 3 16 3M9.219 7.613C7.05 7.574 5.48 8.223 4.742 9.5c-.804 1.39-.469 3.258.914 5.309c.125.191.262.394.434.617c1.57 2.054 4.023 4.101 6.91 5.77c.184.105.375.199.563.304c-1.145.395-2.254.68-3.274.813c-1.95.253-3.375-.051-3.812-.813c-.309-.531-.172-1.375.34-2.363a24 24 0 0 1-1.465-1.469C4.23 19.528 4 21.218 4.742 22.5c.719 1.246 2.219 1.902 4.297 1.902c.473 0 .98-.035 1.508-.105q.456-.06.922-.152l.219-.047q.021-.001.042-.008c.532-.113 1.118-.27 1.79-.48l.66-.204c.98-.336 1.984-.754 2.988-1.242c.219-.727.414-1.574.562-2.55c-.578.323-1.16.616-1.738.89A25 25 0 0 1 14 19.464c-2.664-1.538-4.91-3.401-6.32-5.25c-1.196-1.566-1.645-2.952-1.203-3.714c.3-.523 1.097-.82 2.195-.875q.232-1.062.547-2.012m11.523 4.285c-.789.184-1.625.454-2.48.793c.566.336 1.105.696 1.629 1.055c.062.727.109 1.469.109 2.254c0 5.898-1.855 10.398-3.64 10.941c-.122.04-.247.059-.36.059c-.633 0-1.29-.535-1.883-1.48c-.68.214-1.351.398-2.004.535C13.148 27.91 14.493 29 16 29q.298 0 .578-.059C19.707 28.348 22 22.988 22 16c0-.215-.016-.422-.02-.637c.915.793 1.72 1.61 2.344 2.422c1.192 1.567 1.64 2.953 1.203 3.715c-.308.527-1.093.832-2.199.887a20 20 0 0 1-.543 2.004c.055 0 .121.011.176.011c2.078 0 3.578-.656 4.297-1.902c.883-1.527.406-3.633-1.348-5.926c-1.242-1.625-3.043-3.242-5.168-4.676M16 14a1.999 1.999 0 1 0 0 4a1.999 1.999 0 1 0 0-4"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203c-3.094%200-5.492%204.578-5.922%2010.938c.555.59%201.207%201.175%201.93%201.746c.008-.664.047-1.297.101-1.918A31%2031%200%200%201%2014%2012.536c2.66-1.536%205.398-2.548%207.707-2.848a10%2010%200%200%201%201.266-.086c1.297%200%202.215.312%202.554.898c.305.531.168%201.375-.343%202.363c.523.485%201.02.977%201.46%201.473C27.77%2012.473%2028%2010.78%2027.259%209.5c-.883-1.527-2.942-2.168-5.805-1.797c-2.566.332-5.566%201.434-8.453%203.102c-.184.105-.355.222-.535.336C13.184%207.44%2014.645%205%2016%205c.633%200%201.29.54%201.883%201.477a22%2022%200%200%201%202.004-.532C18.852%204.09%2017.507%203%2016%203M9.219%207.613C7.05%207.574%205.48%208.223%204.742%209.5c-.804%201.39-.469%203.258.914%205.309c.125.191.262.394.434.617c1.57%202.054%204.023%204.101%206.91%205.77c.184.105.375.199.563.304c-1.145.395-2.254.68-3.274.813c-1.95.253-3.375-.051-3.812-.813c-.309-.531-.172-1.375.34-2.363a24%2024%200%200%201-1.465-1.469C4.23%2019.528%204%2021.218%204.742%2022.5c.719%201.246%202.219%201.902%204.297%201.902c.473%200%20.98-.035%201.508-.105q.456-.06.922-.152l.219-.047q.021-.001.042-.008c.532-.113%201.118-.27%201.79-.48l.66-.204c.98-.336%201.984-.754%202.988-1.242c.219-.727.414-1.574.562-2.55c-.578.323-1.16.616-1.738.89A25%2025%200%200%201%2014%2019.464c-2.664-1.538-4.91-3.401-6.32-5.25c-1.196-1.566-1.645-2.952-1.203-3.714c.3-.523%201.097-.82%202.195-.875q.232-1.062.547-2.012m11.523%204.285c-.789.184-1.625.454-2.48.793c.566.336%201.105.696%201.629%201.055c.062.727.109%201.469.109%202.254c0%205.898-1.855%2010.398-3.64%2010.941c-.122.04-.247.059-.36.059c-.633%200-1.29-.535-1.883-1.48c-.68.214-1.351.398-2.004.535C13.148%2027.91%2014.493%2029%2016%2029q.298%200%20.578-.059C19.707%2028.348%2022%2022.988%2022%2016c0-.215-.016-.422-.02-.637c.915.793%201.72%201.61%202.344%202.422c1.192%201.567%201.64%202.953%201.203%203.715c-.308.527-1.093.832-2.199.887a20%2020%200%200%201-.543%202.004c.055%200%20.121.011.176.011c2.078%200%203.578-.656%204.297-1.902c.883-1.527.406-3.633-1.348-5.926c-1.242-1.625-3.043-3.242-5.168-4.676M16%2014a1.999%201.999%200%201%200%200%204a1.999%201.999%200%201%200%200-4%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203c-3.094%200-5.492%204.578-5.922%2010.938c.555.59%201.207%201.175%201.93%201.746c.008-.664.047-1.297.101-1.918A31%2031%200%200%201%2014%2012.536c2.66-1.536%205.398-2.548%207.707-2.848a10%2010%200%200%201%201.266-.086c1.297%200%202.215.312%202.554.898c.305.531.168%201.375-.343%202.363c.523.485%201.02.977%201.46%201.473C27.77%2012.473%2028%2010.78%2027.259%209.5c-.883-1.527-2.942-2.168-5.805-1.797c-2.566.332-5.566%201.434-8.453%203.102c-.184.105-.355.222-.535.336C13.184%207.44%2014.645%205%2016%205c.633%200%201.29.54%201.883%201.477a22%2022%200%200%201%202.004-.532C18.852%204.09%2017.507%203%2016%203M9.219%207.613C7.05%207.574%205.48%208.223%204.742%209.5c-.804%201.39-.469%203.258.914%205.309c.125.191.262.394.434.617c1.57%202.054%204.023%204.101%206.91%205.77c.184.105.375.199.563.304c-1.145.395-2.254.68-3.274.813c-1.95.253-3.375-.051-3.812-.813c-.309-.531-.172-1.375.34-2.363a24%2024%200%200%201-1.465-1.469C4.23%2019.528%204%2021.218%204.742%2022.5c.719%201.246%202.219%201.902%204.297%201.902c.473%200%20.98-.035%201.508-.105q.456-.06.922-.152l.219-.047q.021-.001.042-.008c.532-.113%201.118-.27%201.79-.48l.66-.204c.98-.336%201.984-.754%202.988-1.242c.219-.727.414-1.574.562-2.55c-.578.323-1.16.616-1.738.89A25%2025%200%200%201%2014%2019.464c-2.664-1.538-4.91-3.401-6.32-5.25c-1.196-1.566-1.645-2.952-1.203-3.714c.3-.523%201.097-.82%202.195-.875q.232-1.062.547-2.012m11.523%204.285c-.789.184-1.625.454-2.48.793c.566.336%201.105.696%201.629%201.055c.062.727.109%201.469.109%202.254c0%205.898-1.855%2010.398-3.64%2010.941c-.122.04-.247.059-.36.059c-.633%200-1.29-.535-1.883-1.48c-.68.214-1.351.398-2.004.535C13.148%2027.91%2014.493%2029%2016%2029q.298%200%20.578-.059C19.707%2028.348%2022%2022.988%2022%2016c0-.215-.016-.422-.02-.637c.915.793%201.72%201.61%202.344%202.422c1.192%201.567%201.64%202.953%201.203%203.715c-.308.527-1.093.832-2.199.887a20%2020%200%200%201-.543%202.004c.055%200%20.121.011.176.011c2.078%200%203.578-.656%204.297-1.902c.883-1.527.406-3.633-1.348-5.926c-1.242-1.625-3.043-3.242-5.168-4.676M16%2014a1.999%201.999%200%201%200%200%204a1.999%201.999%200%201%200%200-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/atom.svg?color=%231a73e8&size=48
