atom variant icon
atom-variant from Material Design Icons by Pictogrammers · Filled · Science · Apache-2.0 Free for personal and commercial use.
- Name
- atom-variant
- Set
- Material Design Icons
- Style
- Filled
- Category
- Science
- Viewbox
- 24×24
- License
- Apache 2.0
More science icons from Material Design Icons
atomaurorabeakerbeaker-checkbeaker-minusbeaker-plusbeaker-questionbeaker-removebiohazardbottle-tonicdnaeyedropper-minuseyedropper-offeyedropper-pluseyedropper-removeflask-empty-minusflask-empty-plusflask-empty-removeflask-minusflask-plusflask-removeflask-round-bottomflask-round-bottom-emptymicroscope
Use the atom variant icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.36 2.64c1.64 0 3 1.36 3 3c0 1.65-1.36 3-3 3c-1.65 0-3-1.35-3-3c0-.3.05-.58.14-.84c-1.07-.51-2.25-.8-3.5-.8a8 8 0 0 0-8 8l.04.84l-1.99.21L2 12A10 10 0 0 1 12 2c1.69 0 3.28.42 4.67 1.16c.49-.33 1.07-.52 1.69-.52m0 2a1 1 0 0 0-1 1a1 1 0 0 0 1 1c.56 0 1-.45 1-1c0-.56-.44-1-1-1M5.64 15.36c1.65 0 3 1.35 3 3c0 .3-.05.58-.14.84c1.07.51 2.25.8 3.5.8a8 8 0 0 0 8-8l-.04-.84l1.99-.21L22 12a10 10 0 0 1-10 10c-1.69 0-3.28-.42-4.67-1.16c-.49.33-1.07.52-1.69.52c-1.64 0-3-1.36-3-3c0-1.65 1.36-3 3-3m0 2c-.56 0-1 .45-1 1c0 .56.44 1 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4"/></svg>
React
import type { SVGProps } from "react";
export function MdiAtomVariant(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="M18.36 2.64c1.64 0 3 1.36 3 3c0 1.65-1.36 3-3 3c-1.65 0-3-1.35-3-3c0-.3.05-.58.14-.84c-1.07-.51-2.25-.8-3.5-.8a8 8 0 0 0-8 8l.04.84l-1.99.21L2 12A10 10 0 0 1 12 2c1.69 0 3.28.42 4.67 1.16c.49-.33 1.07-.52 1.69-.52m0 2a1 1 0 0 0-1 1a1 1 0 0 0 1 1c.56 0 1-.45 1-1c0-.56-.44-1-1-1M5.64 15.36c1.65 0 3 1.35 3 3c0 .3-.05.58-.14.84c1.07.51 2.25.8 3.5.8a8 8 0 0 0 8-8l-.04-.84l1.99-.21L22 12a10 10 0 0 1-10 10c-1.69 0-3.28-.42-4.67-1.16c-.49.33-1.07.52-1.69.52c-1.64 0-3-1.36-3-3c0-1.65 1.36-3 3-3m0 2c-.56 0-1 .45-1 1c0 .56.44 1 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.36 2.64c1.64 0 3 1.36 3 3c0 1.65-1.36 3-3 3c-1.65 0-3-1.35-3-3c0-.3.05-.58.14-.84c-1.07-.51-2.25-.8-3.5-.8a8 8 0 0 0-8 8l.04.84l-1.99.21L2 12A10 10 0 0 1 12 2c1.69 0 3.28.42 4.67 1.16c.49-.33 1.07-.52 1.69-.52m0 2a1 1 0 0 0-1 1a1 1 0 0 0 1 1c.56 0 1-.45 1-1c0-.56-.44-1-1-1M5.64 15.36c1.65 0 3 1.35 3 3c0 .3-.05.58-.14.84c1.07.51 2.25.8 3.5.8a8 8 0 0 0 8-8l-.04-.84l1.99-.21L22 12a10 10 0 0 1-10 10c-1.69 0-3.28-.42-4.67-1.16c-.49.33-1.07.52-1.69.52c-1.64 0-3-1.36-3-3c0-1.65 1.36-3 3-3m0 2c-.56 0-1 .45-1 1c0 .56.44 1 1 1a1 1 0 0 0 1-1a1 1 0 0 0-1-1M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4"/></svg> </template>
CSS
.icon-atom-variant {
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%22M18.36%202.64c1.64%200%203%201.36%203%203c0%201.65-1.36%203-3%203c-1.65%200-3-1.35-3-3c0-.3.05-.58.14-.84c-1.07-.51-2.25-.8-3.5-.8a8%208%200%200%200-8%208l.04.84l-1.99.21L2%2012A10%2010%200%200%201%2012%202c1.69%200%203.28.42%204.67%201.16c.49-.33%201.07-.52%201.69-.52m0%202a1%201%200%200%200-1%201a1%201%200%200%200%201%201c.56%200%201-.45%201-1c0-.56-.44-1-1-1M5.64%2015.36c1.65%200%203%201.35%203%203c0%20.3-.05.58-.14.84c1.07.51%202.25.8%203.5.8a8%208%200%200%200%208-8l-.04-.84l1.99-.21L22%2012a10%2010%200%200%201-10%2010c-1.69%200-3.28-.42-4.67-1.16c-.49.33-1.07.52-1.69.52c-1.64%200-3-1.36-3-3c0-1.65%201.36-3%203-3m0%202c-.56%200-1%20.45-1%201c0%20.56.44%201%201%201a1%201%200%200%200%201-1a1%201%200%200%200-1-1M12%208a4%204%200%200%201%204%204a4%204%200%200%201-4%204a4%204%200%200%201-4-4a4%204%200%200%201%204-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.36%202.64c1.64%200%203%201.36%203%203c0%201.65-1.36%203-3%203c-1.65%200-3-1.35-3-3c0-.3.05-.58.14-.84c-1.07-.51-2.25-.8-3.5-.8a8%208%200%200%200-8%208l.04.84l-1.99.21L2%2012A10%2010%200%200%201%2012%202c1.69%200%203.28.42%204.67%201.16c.49-.33%201.07-.52%201.69-.52m0%202a1%201%200%200%200-1%201a1%201%200%200%200%201%201c.56%200%201-.45%201-1c0-.56-.44-1-1-1M5.64%2015.36c1.65%200%203%201.35%203%203c0%20.3-.05.58-.14.84c1.07.51%202.25.8%203.5.8a8%208%200%200%200%208-8l-.04-.84l1.99-.21L22%2012a10%2010%200%200%201-10%2010c-1.69%200-3.28-.42-4.67-1.16c-.49.33-1.07.52-1.69.52c-1.64%200-3-1.36-3-3c0-1.65%201.36-3%203-3m0%202c-.56%200-1%20.45-1%201c0%20.56.44%201%201%201a1%201%200%200%200%201-1a1%201%200%200%200-1-1M12%208a4%204%200%200%201%204%204a4%204%200%200%201-4%204a4%204%200%200%201-4-4a4%204%200%200%201%204-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/atom-variant.svg?color=%231a73e8&size=48
