mold icon
mold-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- mold-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
5 other variants in Fluent UI System Icons
Use the mold icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.5 1.5a.5.5 0 0 0-1 0v1.563a3.8 3.8 0 0 0-2.004 1.053L9.16 5.453L7.854 4.146a.5.5 0 1 0-.708.708L8.453 6.16L6.16 8.453L4.854 7.146a.5.5 0 1 0-.708.708L5.453 9.16l-1.338 1.337A3.8 3.8 0 0 0 3.062 12.5H1.5a.5.5 0 0 0 0 1h1.512c.058.713.315 1.412.773 2.008l-1.641 1.641a.5.5 0 1 0 .707.707l1.641-1.641a3.8 3.8 0 0 0 2.008.772V18.5a.5.5 0 0 0 1 0v-1.564a3.8 3.8 0 0 0 2.002-1.052l1.337-1.338l1.307 1.308a.5.5 0 0 0 .708-.708l-1.308-1.307l2.293-2.293l1.307 1.308a.5.5 0 0 0 .708-.708l-1.308-1.307l1.337-1.336A3.8 3.8 0 0 0 16.936 7.5H18.5a.5.5 0 0 0 0-1h-1.514a3.8 3.8 0 0 0-.772-2.007l1.64-1.64a.5.5 0 0 0-.708-.707l-1.639 1.64a3.8 3.8 0 0 0-2.007-.773zM4 13.242v-.103a2.8 2.8 0 0 1 .822-1.935l6.382-6.381a2.809 2.809 0 0 1 3.972 3.972l-6.381 6.382A2.81 2.81 0 0 1 4 13.242M6.75 14a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5M14 6.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentMold20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.5 1.5a.5.5 0 0 0-1 0v1.563a3.8 3.8 0 0 0-2.004 1.053L9.16 5.453L7.854 4.146a.5.5 0 1 0-.708.708L8.453 6.16L6.16 8.453L4.854 7.146a.5.5 0 1 0-.708.708L5.453 9.16l-1.338 1.337A3.8 3.8 0 0 0 3.062 12.5H1.5a.5.5 0 0 0 0 1h1.512c.058.713.315 1.412.773 2.008l-1.641 1.641a.5.5 0 1 0 .707.707l1.641-1.641a3.8 3.8 0 0 0 2.008.772V18.5a.5.5 0 0 0 1 0v-1.564a3.8 3.8 0 0 0 2.002-1.052l1.337-1.338l1.307 1.308a.5.5 0 0 0 .708-.708l-1.308-1.307l2.293-2.293l1.307 1.308a.5.5 0 0 0 .708-.708l-1.308-1.307l1.337-1.336A3.8 3.8 0 0 0 16.936 7.5H18.5a.5.5 0 0 0 0-1h-1.514a3.8 3.8 0 0 0-.772-2.007l1.64-1.64a.5.5 0 0 0-.708-.707l-1.639 1.64a3.8 3.8 0 0 0-2.007-.773zM4 13.242v-.103a2.8 2.8 0 0 1 .822-1.935l6.382-6.381a2.809 2.809 0 0 1 3.972 3.972l-6.381 6.382A2.81 2.81 0 0 1 4 13.242M6.75 14a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5M14 6.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.5 1.5a.5.5 0 0 0-1 0v1.563a3.8 3.8 0 0 0-2.004 1.053L9.16 5.453L7.854 4.146a.5.5 0 1 0-.708.708L8.453 6.16L6.16 8.453L4.854 7.146a.5.5 0 1 0-.708.708L5.453 9.16l-1.338 1.337A3.8 3.8 0 0 0 3.062 12.5H1.5a.5.5 0 0 0 0 1h1.512c.058.713.315 1.412.773 2.008l-1.641 1.641a.5.5 0 1 0 .707.707l1.641-1.641a3.8 3.8 0 0 0 2.008.772V18.5a.5.5 0 0 0 1 0v-1.564a3.8 3.8 0 0 0 2.002-1.052l1.337-1.338l1.307 1.308a.5.5 0 0 0 .708-.708l-1.308-1.307l2.293-2.293l1.307 1.308a.5.5 0 0 0 .708-.708l-1.308-1.307l1.337-1.336A3.8 3.8 0 0 0 16.936 7.5H18.5a.5.5 0 0 0 0-1h-1.514a3.8 3.8 0 0 0-.772-2.007l1.64-1.64a.5.5 0 0 0-.708-.707l-1.639 1.64a3.8 3.8 0 0 0-2.007-.773zM4 13.242v-.103a2.8 2.8 0 0 1 .822-1.935l6.382-6.381a2.809 2.809 0 0 1 3.972 3.972l-6.381 6.382A2.81 2.81 0 0 1 4 13.242M6.75 14a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5M14 6.75a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/></svg> </template>
CSS
.icon-mold-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.5%201.5a.5.5%200%200%200-1%200v1.563a3.8%203.8%200%200%200-2.004%201.053L9.16%205.453L7.854%204.146a.5.5%200%201%200-.708.708L8.453%206.16L6.16%208.453L4.854%207.146a.5.5%200%201%200-.708.708L5.453%209.16l-1.338%201.337A3.8%203.8%200%200%200%203.062%2012.5H1.5a.5.5%200%200%200%200%201h1.512c.058.713.315%201.412.773%202.008l-1.641%201.641a.5.5%200%201%200%20.707.707l1.641-1.641a3.8%203.8%200%200%200%202.008.772V18.5a.5.5%200%200%200%201%200v-1.564a3.8%203.8%200%200%200%202.002-1.052l1.337-1.338l1.307%201.308a.5.5%200%200%200%20.708-.708l-1.308-1.307l2.293-2.293l1.307%201.308a.5.5%200%200%200%20.708-.708l-1.308-1.307l1.337-1.336A3.8%203.8%200%200%200%2016.936%207.5H18.5a.5.5%200%200%200%200-1h-1.514a3.8%203.8%200%200%200-.772-2.007l1.64-1.64a.5.5%200%200%200-.708-.707l-1.639%201.64a3.8%203.8%200%200%200-2.007-.773zM4%2013.242v-.103a2.8%202.8%200%200%201%20.822-1.935l6.382-6.381a2.809%202.809%200%200%201%203.972%203.972l-6.381%206.382A2.81%202.81%200%200%201%204%2013.242M6.75%2014a.75.75%200%201%200%200-1.5a.75.75%200%200%200%200%201.5M14%206.75a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.5%201.5a.5.5%200%200%200-1%200v1.563a3.8%203.8%200%200%200-2.004%201.053L9.16%205.453L7.854%204.146a.5.5%200%201%200-.708.708L8.453%206.16L6.16%208.453L4.854%207.146a.5.5%200%201%200-.708.708L5.453%209.16l-1.338%201.337A3.8%203.8%200%200%200%203.062%2012.5H1.5a.5.5%200%200%200%200%201h1.512c.058.713.315%201.412.773%202.008l-1.641%201.641a.5.5%200%201%200%20.707.707l1.641-1.641a3.8%203.8%200%200%200%202.008.772V18.5a.5.5%200%200%200%201%200v-1.564a3.8%203.8%200%200%200%202.002-1.052l1.337-1.338l1.307%201.308a.5.5%200%200%200%20.708-.708l-1.308-1.307l2.293-2.293l1.307%201.308a.5.5%200%200%200%20.708-.708l-1.308-1.307l1.337-1.336A3.8%203.8%200%200%200%2016.936%207.5H18.5a.5.5%200%200%200%200-1h-1.514a3.8%203.8%200%200%200-.772-2.007l1.64-1.64a.5.5%200%200%200-.708-.707l-1.639%201.64a3.8%203.8%200%200%200-2.007-.773zM4%2013.242v-.103a2.8%202.8%200%200%201%20.822-1.935l6.382-6.381a2.809%202.809%200%200%201%203.972%203.972l-6.381%206.382A2.81%202.81%200%200%201%204%2013.242M6.75%2014a.75.75%200%201%200%200-1.5a.75.75%200%200%200%200%201.5M14%206.75a.75.75%200%201%201-1.5%200a.75.75%200%200%201%201.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/mold-20-regular.svg?color=%231a73e8&size=48
