chemistry 02 icon
chemistry-02 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- chemistry-02
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the chemistry 02 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-width="1.5"><path stroke-linecap="round" d="M5 3v10c0 3.771 0 5.657 1.172 6.828S9.229 21 13 21h8M3 9h8m9 0h-4"/><path d="M15.247 4v2.558c0 1.142 0 1.713.147 2.26c.147.549.435 1.052 1.012 2.059l.781 1.364c1.47 2.565 2.205 3.848 1.602 4.799l-.01.014C18.168 18 16.612 18 13.5 18s-4.668 0-5.28-.946l-.009-.014c-.603-.951.132-2.234 1.602-4.799l.781-1.364c.577-1.007.865-1.51 1.012-2.058s.147-1.12.147-2.261V4"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 4h6"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsChemistry02(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" strokeWidth="1.5"><path strokeLinecap="round" d="M5 3v10c0 3.771 0 5.657 1.172 6.828S9.229 21 13 21h8M3 9h8m9 0h-4"/><path d="M15.247 4v2.558c0 1.142 0 1.713.147 2.26c.147.549.435 1.052 1.012 2.059l.781 1.364c1.47 2.565 2.205 3.848 1.602 4.799l-.01.014C18.168 18 16.612 18 13.5 18s-4.668 0-5.28-.946l-.009-.014c-.603-.951.132-2.234 1.602-4.799l.781-1.364c.577-1.007.865-1.51 1.012-2.058s.147-1.12.147-2.261V4"/><path strokeLinecap="round" strokeLinejoin="round" d="M10.5 4h6"/></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-width="1.5"><path stroke-linecap="round" d="M5 3v10c0 3.771 0 5.657 1.172 6.828S9.229 21 13 21h8M3 9h8m9 0h-4"/><path d="M15.247 4v2.558c0 1.142 0 1.713.147 2.26c.147.549.435 1.052 1.012 2.059l.781 1.364c1.47 2.565 2.205 3.848 1.602 4.799l-.01.014C18.168 18 16.612 18 13.5 18s-4.668 0-5.28-.946l-.009-.014c-.603-.951.132-2.234 1.602-4.799l.781-1.364c.577-1.007.865-1.51 1.012-2.058s.147-1.12.147-2.261V4"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 4h6"/></g></svg> </template>
CSS
.icon-chemistry-02 {
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-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5%203v10c0%203.771%200%205.657%201.172%206.828S9.229%2021%2013%2021h8M3%209h8m9%200h-4%22%2F%3E%3Cpath%20d%3D%22M15.247%204v2.558c0%201.142%200%201.713.147%202.26c.147.549.435%201.052%201.012%202.059l.781%201.364c1.47%202.565%202.205%203.848%201.602%204.799l-.01.014C18.168%2018%2016.612%2018%2013.5%2018s-4.668%200-5.28-.946l-.009-.014c-.603-.951.132-2.234%201.602-4.799l.781-1.364c.577-1.007.865-1.51%201.012-2.058s.147-1.12.147-2.261V4%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%204h6%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-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5%203v10c0%203.771%200%205.657%201.172%206.828S9.229%2021%2013%2021h8M3%209h8m9%200h-4%22%2F%3E%3Cpath%20d%3D%22M15.247%204v2.558c0%201.142%200%201.713.147%202.26c.147.549.435%201.052%201.012%202.059l.781%201.364c1.47%202.565%202.205%203.848%201.602%204.799l-.01.014C18.168%2018%2016.612%2018%2013.5%2018s-4.668%200-5.28-.946l-.009-.014c-.603-.951.132-2.234%201.602-4.799l.781-1.364c.577-1.007.865-1.51%201.012-2.058s.147-1.12.147-2.261V4%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%204h6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/chemistry-02.svg?color=%231a73e8&size=48
