compost icon
compost from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- compost
- Set
- Material Symbols
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- compost-outline, compost-outline-sharp, compost-sharp
1 other variant in Material Symbols
The same icon in other sets
More social icons from Material Symbols
Use the compost icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.3 20.75Q6.575 20 5.288 18.713T3.25 15.7T2.5 12t.75-3.7t2.038-3.012T8.3 3.25T12 2.5V0l4 4l-4 4V5.5q-2.7 0-4.6 1.9T5.5 12q0 1.65.762 3.063T8.3 17.35q.4-.7 1.188-1.187t1.812-.613q-.075-.525-.2-1.05t-.3-.975q-.275.225-.6.35T9.5 14q-.825 0-1.412-.587T7.5 12v-1q0-.425-.137-.8T7 9.5q1.25-.025 2.225.225q.85.225 1.55.738T11.5 12q0 .225-.038.413t-.137.387q-.325-.25-.65-.45T10 12q.425.325.975 1T12 14.6q.5-1.225 1.25-2.412T15 10q-.575.4-1.1.85t-1.025.95q-.175-.275-.275-.612t-.1-.688q0-1.05.725-1.775T15 8h1q.575 0 .95-.15t.625-.35q.275-.225.425-.5q.1 1.675-.175 3q-.225 1.125-.85 2.063T15 13q-.375 0-.712-.1t-.613-.275q-.175.475-.4 1.263t-.35 1.687q.95.175 1.675.65t1.1 1.125q1.275-.875 2.038-2.275T18.5 12h3q0 1.975-.75 3.7t-2.037 3.013T15.7 20.75t-3.7.75t-3.7-.75"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsCompost(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="M8.3 20.75Q6.575 20 5.288 18.713T3.25 15.7T2.5 12t.75-3.7t2.038-3.012T8.3 3.25T12 2.5V0l4 4l-4 4V5.5q-2.7 0-4.6 1.9T5.5 12q0 1.65.762 3.063T8.3 17.35q.4-.7 1.188-1.187t1.812-.613q-.075-.525-.2-1.05t-.3-.975q-.275.225-.6.35T9.5 14q-.825 0-1.412-.587T7.5 12v-1q0-.425-.137-.8T7 9.5q1.25-.025 2.225.225q.85.225 1.55.738T11.5 12q0 .225-.038.413t-.137.387q-.325-.25-.65-.45T10 12q.425.325.975 1T12 14.6q.5-1.225 1.25-2.412T15 10q-.575.4-1.1.85t-1.025.95q-.175-.275-.275-.612t-.1-.688q0-1.05.725-1.775T15 8h1q.575 0 .95-.15t.625-.35q.275-.225.425-.5q.1 1.675-.175 3q-.225 1.125-.85 2.063T15 13q-.375 0-.712-.1t-.613-.275q-.175.475-.4 1.263t-.35 1.687q.95.175 1.675.65t1.1 1.125q1.275-.875 2.038-2.275T18.5 12h3q0 1.975-.75 3.7t-2.037 3.013T15.7 20.75t-3.7.75t-3.7-.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.3 20.75Q6.575 20 5.288 18.713T3.25 15.7T2.5 12t.75-3.7t2.038-3.012T8.3 3.25T12 2.5V0l4 4l-4 4V5.5q-2.7 0-4.6 1.9T5.5 12q0 1.65.762 3.063T8.3 17.35q.4-.7 1.188-1.187t1.812-.613q-.075-.525-.2-1.05t-.3-.975q-.275.225-.6.35T9.5 14q-.825 0-1.412-.587T7.5 12v-1q0-.425-.137-.8T7 9.5q1.25-.025 2.225.225q.85.225 1.55.738T11.5 12q0 .225-.038.413t-.137.387q-.325-.25-.65-.45T10 12q.425.325.975 1T12 14.6q.5-1.225 1.25-2.412T15 10q-.575.4-1.1.85t-1.025.95q-.175-.275-.275-.612t-.1-.688q0-1.05.725-1.775T15 8h1q.575 0 .95-.15t.625-.35q.275-.225.425-.5q.1 1.675-.175 3q-.225 1.125-.85 2.063T15 13q-.375 0-.712-.1t-.613-.275q-.175.475-.4 1.263t-.35 1.687q.95.175 1.675.65t1.1 1.125q1.275-.875 2.038-2.275T18.5 12h3q0 1.975-.75 3.7t-2.037 3.013T15.7 20.75t-3.7.75t-3.7-.75"/></svg> </template>
CSS
.icon-compost {
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%22M8.3%2020.75Q6.575%2020%205.288%2018.713T3.25%2015.7T2.5%2012t.75-3.7t2.038-3.012T8.3%203.25T12%202.5V0l4%204l-4%204V5.5q-2.7%200-4.6%201.9T5.5%2012q0%201.65.762%203.063T8.3%2017.35q.4-.7%201.188-1.187t1.812-.613q-.075-.525-.2-1.05t-.3-.975q-.275.225-.6.35T9.5%2014q-.825%200-1.412-.587T7.5%2012v-1q0-.425-.137-.8T7%209.5q1.25-.025%202.225.225q.85.225%201.55.738T11.5%2012q0%20.225-.038.413t-.137.387q-.325-.25-.65-.45T10%2012q.425.325.975%201T12%2014.6q.5-1.225%201.25-2.412T15%2010q-.575.4-1.1.85t-1.025.95q-.175-.275-.275-.612t-.1-.688q0-1.05.725-1.775T15%208h1q.575%200%20.95-.15t.625-.35q.275-.225.425-.5q.1%201.675-.175%203q-.225%201.125-.85%202.063T15%2013q-.375%200-.712-.1t-.613-.275q-.175.475-.4%201.263t-.35%201.687q.95.175%201.675.65t1.1%201.125q1.275-.875%202.038-2.275T18.5%2012h3q0%201.975-.75%203.7t-2.037%203.013T15.7%2020.75t-3.7.75t-3.7-.75%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%22M8.3%2020.75Q6.575%2020%205.288%2018.713T3.25%2015.7T2.5%2012t.75-3.7t2.038-3.012T8.3%203.25T12%202.5V0l4%204l-4%204V5.5q-2.7%200-4.6%201.9T5.5%2012q0%201.65.762%203.063T8.3%2017.35q.4-.7%201.188-1.187t1.812-.613q-.075-.525-.2-1.05t-.3-.975q-.275.225-.6.35T9.5%2014q-.825%200-1.412-.587T7.5%2012v-1q0-.425-.137-.8T7%209.5q1.25-.025%202.225.225q.85.225%201.55.738T11.5%2012q0%20.225-.038.413t-.137.387q-.325-.25-.65-.45T10%2012q.425.325.975%201T12%2014.6q.5-1.225%201.25-2.412T15%2010q-.575.4-1.1.85t-1.025.95q-.175-.275-.275-.612t-.1-.688q0-1.05.725-1.775T15%208h1q.575%200%20.95-.15t.625-.35q.275-.225.425-.5q.1%201.675-.175%203q-.225%201.125-.85%202.063T15%2013q-.375%200-.712-.1t-.613-.275q-.175.475-.4%201.263t-.35%201.687q.95.175%201.675.65t1.1%201.125q1.275-.875%202.038-2.275T18.5%2012h3q0%201.975-.75%203.7t-2.037%203.013T15.7%2020.75t-3.7.75t-3.7-.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/compost.svg?color=%231a73e8&size=48
