atom icon
atom from Iconoir by Luca Burgio · Regular · Science · MIT Free for personal and commercial use.
- Name
- atom
- Set
- Iconoir
- Style
- Regular
- Category
- Science
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
More science icons from Iconoir
Use the atom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M4.404 13.61C3.515 13.145 3 12.592 3 12c0-1.657 4.03-3 9-3s9 1.343 9 3c0 .714-.75 1.37-2 1.886m-7-2.876l.01-.011"/><path d="M16.883 6c-.005-1.023-.263-1.747-.797-2.02c-1.477-.751-4.503 2.23-6.76 6.658s-2.889 8.629-1.412 9.381c.527.269 1.252.061 2.07-.519"/><path d="M9.6 4.252c-.66-.386-1.243-.497-1.686-.271c-1.477.752-.844 4.952 1.413 9.38c2.256 4.43 5.282 7.41 6.759 6.658c1.312-.669.958-4.061-.722-7.917"/></g></svg>
React
import type { SVGProps } from "react";
export function IconoirAtom(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M4.404 13.61C3.515 13.145 3 12.592 3 12c0-1.657 4.03-3 9-3s9 1.343 9 3c0 .714-.75 1.37-2 1.886m-7-2.876l.01-.011"/><path d="M16.883 6c-.005-1.023-.263-1.747-.797-2.02c-1.477-.751-4.503 2.23-6.76 6.658s-2.889 8.629-1.412 9.381c.527.269 1.252.061 2.07-.519"/><path d="M9.6 4.252c-.66-.386-1.243-.497-1.686-.271c-1.477.752-.844 4.952 1.413 9.38c2.256 4.43 5.282 7.41 6.759 6.658c1.312-.669.958-4.061-.722-7.917"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M4.404 13.61C3.515 13.145 3 12.592 3 12c0-1.657 4.03-3 9-3s9 1.343 9 3c0 .714-.75 1.37-2 1.886m-7-2.876l.01-.011"/><path d="M16.883 6c-.005-1.023-.263-1.747-.797-2.02c-1.477-.751-4.503 2.23-6.76 6.658s-2.889 8.629-1.412 9.381c.527.269 1.252.061 2.07-.519"/><path d="M9.6 4.252c-.66-.386-1.243-.497-1.686-.271c-1.477.752-.844 4.952 1.413 9.38c2.256 4.43 5.282 7.41 6.759 6.658c1.312-.669.958-4.061-.722-7.917"/></g></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4.404%2013.61C3.515%2013.145%203%2012.592%203%2012c0-1.657%204.03-3%209-3s9%201.343%209%203c0%20.714-.75%201.37-2%201.886m-7-2.876l.01-.011%22%2F%3E%3Cpath%20d%3D%22M16.883%206c-.005-1.023-.263-1.747-.797-2.02c-1.477-.751-4.503%202.23-6.76%206.658s-2.889%208.629-1.412%209.381c.527.269%201.252.061%202.07-.519%22%2F%3E%3Cpath%20d%3D%22M9.6%204.252c-.66-.386-1.243-.497-1.686-.271c-1.477.752-.844%204.952%201.413%209.38c2.256%204.43%205.282%207.41%206.759%206.658c1.312-.669.958-4.061-.722-7.917%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4.404%2013.61C3.515%2013.145%203%2012.592%203%2012c0-1.657%204.03-3%209-3s9%201.343%209%203c0%20.714-.75%201.37-2%201.886m-7-2.876l.01-.011%22%2F%3E%3Cpath%20d%3D%22M16.883%206c-.005-1.023-.263-1.747-.797-2.02c-1.477-.751-4.503%202.23-6.76%206.658s-2.889%208.629-1.412%209.381c.527.269%201.252.061%202.07-.519%22%2F%3E%3Cpath%20d%3D%22M9.6%204.252c-.66-.386-1.243-.497-1.686-.271c-1.477.752-.844%204.952%201.413%209.38c2.256%204.43%205.282%207.41%206.759%206.658c1.312-.669.958-4.061-.722-7.917%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/iconoir/atom.svg?color=%231a73e8&size=48
