benzene icon
benzene-duotone from Reicon by REICON · Duotone · Medicine · MIT Free for personal and commercial use.
- Name
- benzene-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Medicine
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More medicine icons from Reicon
Use the benzene icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12 4c-.541 0-1.034.293-2.02.88L7.02 6.637c-.985.586-1.479.88-1.75 1.362S5 9.069 5 10.241v3.518c0 1.172 0 1.758.27 2.241c.271.483.765.776 1.75 1.362l2.96 1.759c.986.586 1.479.879 2.02.879s1.034-.293 2.02-.88l2.96-1.758c.985-.586 1.479-.88 1.75-1.362s.27-1.069.27-2.241V10.24c0-1.17 0-1.757-.27-2.24c-.271-.483-.765-.776-1.75-1.362l-2.96-1.759C13.036 4.293 12.542 4 12 4m4.384 11.144a.75.75 0 0 0-.768-1.288l-4 2.384a.75.75 0 0 0 .768 1.288z" clip-rule="evenodd"/><path d="M18.971 8.92c-.032-.382-.099-.665-.242-.92a1.8 1.8 0 0 0-.384-.464l3.24-2.16a.75.75 0 1 1 .831 1.248zM5.029 15.08c.032.382.099.665.242.92c.096.172.22.32.385.464l-3.24 2.16a.75.75 0 1 1-.832-1.248zm.627-7.544A1.8 1.8 0 0 0 5.27 8c-.143.255-.21.538-.242.92L1.584 6.624a.75.75 0 0 1 .832-1.248z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBenzeneDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M12 4c-.541 0-1.034.293-2.02.88L7.02 6.637c-.985.586-1.479.88-1.75 1.362S5 9.069 5 10.241v3.518c0 1.172 0 1.758.27 2.241c.271.483.765.776 1.75 1.362l2.96 1.759c.986.586 1.479.879 2.02.879s1.034-.293 2.02-.88l2.96-1.758c.985-.586 1.479-.88 1.75-1.362s.27-1.069.27-2.241V10.24c0-1.17 0-1.757-.27-2.24c-.271-.483-.765-.776-1.75-1.362l-2.96-1.759C13.036 4.293 12.542 4 12 4m4.384 11.144a.75.75 0 0 0-.768-1.288l-4 2.384a.75.75 0 0 0 .768 1.288z" clipRule="evenodd"/><path d="M18.971 8.92c-.032-.382-.099-.665-.242-.92a1.8 1.8 0 0 0-.384-.464l3.24-2.16a.75.75 0 1 1 .831 1.248zM5.029 15.08c.032.382.099.665.242.92c.096.172.22.32.385.464l-3.24 2.16a.75.75 0 1 1-.832-1.248zm.627-7.544A1.8 1.8 0 0 0 5.27 8c-.143.255-.21.538-.242.92L1.584 6.624a.75.75 0 0 1 .832-1.248z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12 4c-.541 0-1.034.293-2.02.88L7.02 6.637c-.985.586-1.479.88-1.75 1.362S5 9.069 5 10.241v3.518c0 1.172 0 1.758.27 2.241c.271.483.765.776 1.75 1.362l2.96 1.759c.986.586 1.479.879 2.02.879s1.034-.293 2.02-.88l2.96-1.758c.985-.586 1.479-.88 1.75-1.362s.27-1.069.27-2.241V10.24c0-1.17 0-1.757-.27-2.24c-.271-.483-.765-.776-1.75-1.362l-2.96-1.759C13.036 4.293 12.542 4 12 4m4.384 11.144a.75.75 0 0 0-.768-1.288l-4 2.384a.75.75 0 0 0 .768 1.288z" clip-rule="evenodd"/><path d="M18.971 8.92c-.032-.382-.099-.665-.242-.92a1.8 1.8 0 0 0-.384-.464l3.24-2.16a.75.75 0 1 1 .831 1.248zM5.029 15.08c.032.382.099.665.242.92c.096.172.22.32.385.464l-3.24 2.16a.75.75 0 1 1-.832-1.248zm.627-7.544A1.8 1.8 0 0 0 5.27 8c-.143.255-.21.538-.242.92L1.584 6.624a.75.75 0 0 1 .832-1.248z" opacity=".5"/></g></svg> </template>
CSS
.icon-benzene-duotone {
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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204c-.541%200-1.034.293-2.02.88L7.02%206.637c-.985.586-1.479.88-1.75%201.362S5%209.069%205%2010.241v3.518c0%201.172%200%201.758.27%202.241c.271.483.765.776%201.75%201.362l2.96%201.759c.986.586%201.479.879%202.02.879s1.034-.293%202.02-.88l2.96-1.758c.985-.586%201.479-.88%201.75-1.362s.27-1.069.27-2.241V10.24c0-1.17%200-1.757-.27-2.24c-.271-.483-.765-.776-1.75-1.362l-2.96-1.759C13.036%204.293%2012.542%204%2012%204m4.384%2011.144a.75.75%200%200%200-.768-1.288l-4%202.384a.75.75%200%200%200%20.768%201.288z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M18.971%208.92c-.032-.382-.099-.665-.242-.92a1.8%201.8%200%200%200-.384-.464l3.24-2.16a.75.75%200%201%201%20.831%201.248zM5.029%2015.08c.032.382.099.665.242.92c.096.172.22.32.385.464l-3.24%202.16a.75.75%200%201%201-.832-1.248zm.627-7.544A1.8%201.8%200%200%200%205.27%208c-.143.255-.21.538-.242.92L1.584%206.624a.75.75%200%200%201%20.832-1.248z%22%20opacity%3D%22.5%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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204c-.541%200-1.034.293-2.02.88L7.02%206.637c-.985.586-1.479.88-1.75%201.362S5%209.069%205%2010.241v3.518c0%201.172%200%201.758.27%202.241c.271.483.765.776%201.75%201.362l2.96%201.759c.986.586%201.479.879%202.02.879s1.034-.293%202.02-.88l2.96-1.758c.985-.586%201.479-.88%201.75-1.362s.27-1.069.27-2.241V10.24c0-1.17%200-1.757-.27-2.24c-.271-.483-.765-.776-1.75-1.362l-2.96-1.759C13.036%204.293%2012.542%204%2012%204m4.384%2011.144a.75.75%200%200%200-.768-1.288l-4%202.384a.75.75%200%200%200%20.768%201.288z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M18.971%208.92c-.032-.382-.099-.665-.242-.92a1.8%201.8%200%200%200-.384-.464l3.24-2.16a.75.75%200%201%201%20.831%201.248zM5.029%2015.08c.032.382.099.665.242.92c.096.172.22.32.385.464l-3.24%202.16a.75.75%200%201%201-.832-1.248zm.627-7.544A1.8%201.8%200%200%200%205.27%208c-.143.255-.21.538-.242.92L1.584%206.624a.75.75%200%200%201%20.832-1.248z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/benzene-duotone.svg?color=%231a73e8&size=48
