atom icon
atom from Unicons by Iconscout · Line · Education · Apache-2.0 Free for personal and commercial use.
- Name
- atom
- Set
- Unicons
- Style
- Line
- Category
- Education
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More education icons from Unicons
Use the atom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11a1 1 0 1 0 1 1a1 1 0 0 0-1-1m7.62 1l.11-.14C21.08 10 21.4 8.29 20.66 7S18.26 5.14 16 5.37h-.18C14.91 3.3 13.56 2 12 2S9.09 3.3 8.19 5.4L8 5.37C5.74 5.14 4.08 5.71 3.34 7s-.42 3 .93 4.86l.11.14l-.11.14C2.92 14 2.6 15.71 3.34 17C4 18.1 5.27 18.68 7 18.68c.31 0 .63 0 1-.05h.18C9.09 20.7 10.44 22 12 22s2.91-1.3 3.81-3.4h.18c.34 0 .66.05 1 .05c1.77 0 3.07-.58 3.7-1.68c.74-1.29.42-3-.93-4.86ZM5.07 8c.25-.44 1-.68 2-.68h.49a15 15 0 0 0-.35 1.87a15 15 0 0 0-1.45 1.25C5 9.44 4.78 8.5 5.07 8m0 8c-.29-.5 0-1.44.67-2.47a15 15 0 0 0 1.45 1.25a15 15 0 0 0 .35 1.88c-1.24.08-2.18-.16-2.47-.66M12 4c.56 0 1.23.66 1.8 1.83a18 18 0 0 0-1.8.63a18 18 0 0 0-1.8-.63C10.77 4.66 11.44 4 12 4m0 16c-.56 0-1.23-.66-1.8-1.83a18 18 0 0 0 1.8-.63a18 18 0 0 0 1.8.63C13.23 19.34 12.56 20 12 20m2.93-6.31c-.46.32-.93.62-1.43.91s-1 .55-1.5.78q-.75-.35-1.5-.78c-.5-.29-1-.59-1.43-.91C9 13.15 9 12.59 9 12s0-1.15.07-1.69c.46-.32.93-.62 1.43-.91s1-.55 1.5-.78q.75.35 1.5.78c.5.29 1 .59 1.43.91c0 .54.07 1.1.07 1.69s0 1.15-.07 1.69m4 2.31c-.29.5-1.23.75-2.47.66a15 15 0 0 0 .35-1.88a15 15 0 0 0 1.45-1.25c.74 1.03.96 1.97.67 2.47m-.67-5.53a15 15 0 0 0-1.45-1.25a15 15 0 0 0-.35-1.87h.49c1 0 1.73.24 2 .68s.05 1.41-.69 2.44"/></svg>
React
import type { SVGProps } from "react";
export function UilAtom(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11a1 1 0 1 0 1 1a1 1 0 0 0-1-1m7.62 1l.11-.14C21.08 10 21.4 8.29 20.66 7S18.26 5.14 16 5.37h-.18C14.91 3.3 13.56 2 12 2S9.09 3.3 8.19 5.4L8 5.37C5.74 5.14 4.08 5.71 3.34 7s-.42 3 .93 4.86l.11.14l-.11.14C2.92 14 2.6 15.71 3.34 17C4 18.1 5.27 18.68 7 18.68c.31 0 .63 0 1-.05h.18C9.09 20.7 10.44 22 12 22s2.91-1.3 3.81-3.4h.18c.34 0 .66.05 1 .05c1.77 0 3.07-.58 3.7-1.68c.74-1.29.42-3-.93-4.86ZM5.07 8c.25-.44 1-.68 2-.68h.49a15 15 0 0 0-.35 1.87a15 15 0 0 0-1.45 1.25C5 9.44 4.78 8.5 5.07 8m0 8c-.29-.5 0-1.44.67-2.47a15 15 0 0 0 1.45 1.25a15 15 0 0 0 .35 1.88c-1.24.08-2.18-.16-2.47-.66M12 4c.56 0 1.23.66 1.8 1.83a18 18 0 0 0-1.8.63a18 18 0 0 0-1.8-.63C10.77 4.66 11.44 4 12 4m0 16c-.56 0-1.23-.66-1.8-1.83a18 18 0 0 0 1.8-.63a18 18 0 0 0 1.8.63C13.23 19.34 12.56 20 12 20m2.93-6.31c-.46.32-.93.62-1.43.91s-1 .55-1.5.78q-.75-.35-1.5-.78c-.5-.29-1-.59-1.43-.91C9 13.15 9 12.59 9 12s0-1.15.07-1.69c.46-.32.93-.62 1.43-.91s1-.55 1.5-.78q.75.35 1.5.78c.5.29 1 .59 1.43.91c0 .54.07 1.1.07 1.69s0 1.15-.07 1.69m4 2.31c-.29.5-1.23.75-2.47.66a15 15 0 0 0 .35-1.88a15 15 0 0 0 1.45-1.25c.74 1.03.96 1.97.67 2.47m-.67-5.53a15 15 0 0 0-1.45-1.25a15 15 0 0 0-.35-1.87h.49c1 0 1.73.24 2 .68s.05 1.41-.69 2.44"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11a1 1 0 1 0 1 1a1 1 0 0 0-1-1m7.62 1l.11-.14C21.08 10 21.4 8.29 20.66 7S18.26 5.14 16 5.37h-.18C14.91 3.3 13.56 2 12 2S9.09 3.3 8.19 5.4L8 5.37C5.74 5.14 4.08 5.71 3.34 7s-.42 3 .93 4.86l.11.14l-.11.14C2.92 14 2.6 15.71 3.34 17C4 18.1 5.27 18.68 7 18.68c.31 0 .63 0 1-.05h.18C9.09 20.7 10.44 22 12 22s2.91-1.3 3.81-3.4h.18c.34 0 .66.05 1 .05c1.77 0 3.07-.58 3.7-1.68c.74-1.29.42-3-.93-4.86ZM5.07 8c.25-.44 1-.68 2-.68h.49a15 15 0 0 0-.35 1.87a15 15 0 0 0-1.45 1.25C5 9.44 4.78 8.5 5.07 8m0 8c-.29-.5 0-1.44.67-2.47a15 15 0 0 0 1.45 1.25a15 15 0 0 0 .35 1.88c-1.24.08-2.18-.16-2.47-.66M12 4c.56 0 1.23.66 1.8 1.83a18 18 0 0 0-1.8.63a18 18 0 0 0-1.8-.63C10.77 4.66 11.44 4 12 4m0 16c-.56 0-1.23-.66-1.8-1.83a18 18 0 0 0 1.8-.63a18 18 0 0 0 1.8.63C13.23 19.34 12.56 20 12 20m2.93-6.31c-.46.32-.93.62-1.43.91s-1 .55-1.5.78q-.75-.35-1.5-.78c-.5-.29-1-.59-1.43-.91C9 13.15 9 12.59 9 12s0-1.15.07-1.69c.46-.32.93-.62 1.43-.91s1-.55 1.5-.78q.75.35 1.5.78c.5.29 1 .59 1.43.91c0 .54.07 1.1.07 1.69s0 1.15-.07 1.69m4 2.31c-.29.5-1.23.75-2.47.66a15 15 0 0 0 .35-1.88a15 15 0 0 0 1.45-1.25c.74 1.03.96 1.97.67 2.47m-.67-5.53a15 15 0 0 0-1.45-1.25a15 15 0 0 0-.35-1.87h.49c1 0 1.73.24 2 .68s.05 1.41-.69 2.44"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2011a1%201%200%201%200%201%201a1%201%200%200%200-1-1m7.62%201l.11-.14C21.08%2010%2021.4%208.29%2020.66%207S18.26%205.14%2016%205.37h-.18C14.91%203.3%2013.56%202%2012%202S9.09%203.3%208.19%205.4L8%205.37C5.74%205.14%204.08%205.71%203.34%207s-.42%203%20.93%204.86l.11.14l-.11.14C2.92%2014%202.6%2015.71%203.34%2017C4%2018.1%205.27%2018.68%207%2018.68c.31%200%20.63%200%201-.05h.18C9.09%2020.7%2010.44%2022%2012%2022s2.91-1.3%203.81-3.4h.18c.34%200%20.66.05%201%20.05c1.77%200%203.07-.58%203.7-1.68c.74-1.29.42-3-.93-4.86ZM5.07%208c.25-.44%201-.68%202-.68h.49a15%2015%200%200%200-.35%201.87a15%2015%200%200%200-1.45%201.25C5%209.44%204.78%208.5%205.07%208m0%208c-.29-.5%200-1.44.67-2.47a15%2015%200%200%200%201.45%201.25a15%2015%200%200%200%20.35%201.88c-1.24.08-2.18-.16-2.47-.66M12%204c.56%200%201.23.66%201.8%201.83a18%2018%200%200%200-1.8.63a18%2018%200%200%200-1.8-.63C10.77%204.66%2011.44%204%2012%204m0%2016c-.56%200-1.23-.66-1.8-1.83a18%2018%200%200%200%201.8-.63a18%2018%200%200%200%201.8.63C13.23%2019.34%2012.56%2020%2012%2020m2.93-6.31c-.46.32-.93.62-1.43.91s-1%20.55-1.5.78q-.75-.35-1.5-.78c-.5-.29-1-.59-1.43-.91C9%2013.15%209%2012.59%209%2012s0-1.15.07-1.69c.46-.32.93-.62%201.43-.91s1-.55%201.5-.78q.75.35%201.5.78c.5.29%201%20.59%201.43.91c0%20.54.07%201.1.07%201.69s0%201.15-.07%201.69m4%202.31c-.29.5-1.23.75-2.47.66a15%2015%200%200%200%20.35-1.88a15%2015%200%200%200%201.45-1.25c.74%201.03.96%201.97.67%202.47m-.67-5.53a15%2015%200%200%200-1.45-1.25a15%2015%200%200%200-.35-1.87h.49c1%200%201.73.24%202%20.68s.05%201.41-.69%202.44%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2011a1%201%200%201%200%201%201a1%201%200%200%200-1-1m7.62%201l.11-.14C21.08%2010%2021.4%208.29%2020.66%207S18.26%205.14%2016%205.37h-.18C14.91%203.3%2013.56%202%2012%202S9.09%203.3%208.19%205.4L8%205.37C5.74%205.14%204.08%205.71%203.34%207s-.42%203%20.93%204.86l.11.14l-.11.14C2.92%2014%202.6%2015.71%203.34%2017C4%2018.1%205.27%2018.68%207%2018.68c.31%200%20.63%200%201-.05h.18C9.09%2020.7%2010.44%2022%2012%2022s2.91-1.3%203.81-3.4h.18c.34%200%20.66.05%201%20.05c1.77%200%203.07-.58%203.7-1.68c.74-1.29.42-3-.93-4.86ZM5.07%208c.25-.44%201-.68%202-.68h.49a15%2015%200%200%200-.35%201.87a15%2015%200%200%200-1.45%201.25C5%209.44%204.78%208.5%205.07%208m0%208c-.29-.5%200-1.44.67-2.47a15%2015%200%200%200%201.45%201.25a15%2015%200%200%200%20.35%201.88c-1.24.08-2.18-.16-2.47-.66M12%204c.56%200%201.23.66%201.8%201.83a18%2018%200%200%200-1.8.63a18%2018%200%200%200-1.8-.63C10.77%204.66%2011.44%204%2012%204m0%2016c-.56%200-1.23-.66-1.8-1.83a18%2018%200%200%200%201.8-.63a18%2018%200%200%200%201.8.63C13.23%2019.34%2012.56%2020%2012%2020m2.93-6.31c-.46.32-.93.62-1.43.91s-1%20.55-1.5.78q-.75-.35-1.5-.78c-.5-.29-1-.59-1.43-.91C9%2013.15%209%2012.59%209%2012s0-1.15.07-1.69c.46-.32.93-.62%201.43-.91s1-.55%201.5-.78q.75.35%201.5.78c.5.29%201%20.59%201.43.91c0%20.54.07%201.1.07%201.69s0%201.15-.07%201.69m4%202.31c-.29.5-1.23.75-2.47.66a15%2015%200%200%200%20.35-1.88a15%2015%200%200%200%201.45-1.25c.74%201.03.96%201.97.67%202.47m-.67-5.53a15%2015%200%200%200-1.45-1.25a15%2015%200%200%200-.35-1.87h.49c1%200%201.73.24%202%20.68s.05%201.41-.69%202.44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/atom.svg?color=%231a73e8&size=48
