# compost icon Compost. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/compost - Category: Nature & animals - Use it for: compost, composting, compostable, organic waste - Tags: compost, composting, compostable, compost bin, organic waste, food waste, biodegradable, garden, soil, sprout, eco, sustainability, recycling, green - Component name: CompostIcon - Added: 2026-10-29 - Since: version 0.2.0 - npm: `import { CompostIcon } from '@gentleface/react';` (@gentleface/react 0.2.0) - Changed: 2026-10-30 (added) ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/compost.svg · PNG https://gentleface.com/png/line-round/16/compost.png · https://gentleface.com/png/line-round/32/compost.png · https://gentleface.com/png/line-round/48/compost.png - line-soft: https://gentleface.com/svg/line-soft/16/compost.svg · PNG https://gentleface.com/png/line-soft/16/compost.png · https://gentleface.com/png/line-soft/32/compost.png · https://gentleface.com/png/line-soft/48/compost.png - line-sharp: https://gentleface.com/svg/line-sharp/16/compost.svg · PNG https://gentleface.com/png/line-sharp/16/compost.png · https://gentleface.com/png/line-sharp/32/compost.png · https://gentleface.com/png/line-sharp/48/compost.png - solid-round: https://gentleface.com/svg/solid-round/16/compost.svg · PNG https://gentleface.com/png/solid-round/16/compost.png · https://gentleface.com/png/solid-round/32/compost.png · https://gentleface.com/png/solid-round/48/compost.png - solid-soft: https://gentleface.com/svg/solid-soft/16/compost.svg · PNG https://gentleface.com/png/solid-soft/16/compost.png · https://gentleface.com/png/solid-soft/32/compost.png · https://gentleface.com/png/solid-soft/48/compost.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/compost.svg · PNG https://gentleface.com/png/solid-sharp/16/compost.png · https://gentleface.com/png/solid-sharp/32/compost.png · https://gentleface.com/png/solid-sharp/48/compost.png The SVG of every style: https://gentleface.com/icons/compost.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "compost" (line-round), MIT. https://gentleface.com/icons/compost import type { SVGProps } from 'react'; export function CompostIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "compost" (line-round), MIT. https://gentleface.com/icons/compost. Takes the text color. */ .icon-compost { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M4.615 7.694C4.124 7.279 3.74 6.772 3.461 6.172C3.154 5.511 3 4.787 3 4C3 3.859 3.048 3.741 3.144 3.644C3.241 3.548 3.359 3.5 3.5 3.5C4.4 3.5 5.192 3.652 5.876 3.957C6.195 4.1 6.483 4.271 6.74 4.472C6.846 4.008 7.046 3.567 7.342 3.149C7.804 2.495 8.444 1.983 9.264 1.614C10.174 1.205 11.253 1 12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5C13 2.747 12.795 3.826 12.386 4.736C12.017 5.556 11.505 6.196 10.851 6.658C10.26 7.075 9.624 7.303 8.943 7.343C8.659 7.359 8.386 7.34 8.122 7.285C8.121 7.352 8.118 7.419 8.112 7.485C8.095 7.687 8.058 7.885 8 8.077L8 9L12 9C12.276 9 12.512 9.098 12.707 9.293C12.902 9.488 13 9.724 13 10L13 14C13 14.276 12.902 14.512 12.707 14.707C12.512 14.902 12.276 15 12 15L3 15C2.724 15 2.488 14.902 2.293 14.707C2.098 14.512 2 14.276 2 14L2 10C2 9.724 2.098 9.488 2.293 9.293C2.488 9.098 2.724 9 3 9L7 9L7 8.595C6.989 8.595 6.977 8.595 6.966 8.596C6.694 8.604 6.41 8.569 6.115 8.491C5.575 8.349 5.075 8.083 4.615 7.694ZM10.274 5.842C10.78 5.485 11.18 4.979 11.474 4.326C11.769 3.67 11.94 2.899 11.987 2.013C11.101 2.06 10.33 2.231 9.674 2.526C9.021 2.82 8.515 3.22 8.158 3.726C7.852 4.161 7.684 4.624 7.655 5.115C7.647 5.265 7.651 5.407 7.669 5.54C7.786 5.746 7.882 5.961 7.954 6.185C8.218 6.312 8.528 6.365 8.885 6.345C9.376 6.316 9.839 6.148 10.274 5.842ZM6.737 5.973C6.732 5.952 6.727 5.931 6.722 5.909C6.685 5.852 6.646 5.797 6.604 5.742C6.319 5.372 5.94 5.081 5.468 4.871C5.047 4.683 4.567 4.566 4.029 4.521C4.078 4.96 4.191 5.37 4.367 5.75C4.585 6.217 4.882 6.611 5.26 6.931C5.605 7.223 5.975 7.42 6.369 7.524C6.524 7.565 6.67 7.588 6.81 7.595C6.875 7.598 6.938 7.597 7 7.593L7 6.642C6.884 6.439 6.797 6.216 6.737 5.973ZM5 14L5 10L3 10L3 14L5 14ZM9 10L6 10L6 14L9 14L9 10ZM10 10L10 14L12 14L12 10L10 10Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M4.615 7.694C4.124 7.279 3.74 6.772 3.461 6.172C3.154 5.511 3 4.787 3 4C3 3.859 3.048 3.741 3.144 3.644C3.241 3.548 3.359 3.5 3.5 3.5C4.4 3.5 5.192 3.652 5.876 3.957C6.195 4.1 6.483 4.271 6.74 4.472C6.846 4.008 7.046 3.567 7.342 3.149C7.804 2.495 8.444 1.983 9.264 1.614C10.174 1.205 11.253 1 12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5C13 2.747 12.795 3.826 12.386 4.736C12.017 5.556 11.505 6.196 10.851 6.658C10.26 7.075 9.624 7.303 8.943 7.343C8.659 7.359 8.386 7.34 8.122 7.285C8.121 7.352 8.118 7.419 8.112 7.485C8.095 7.687 8.058 7.885 8 8.077L8 9L12 9C12.276 9 12.512 9.098 12.707 9.293C12.902 9.488 13 9.724 13 10L13 14C13 14.276 12.902 14.512 12.707 14.707C12.512 14.902 12.276 15 12 15L3 15C2.724 15 2.488 14.902 2.293 14.707C2.098 14.512 2 14.276 2 14L2 10C2 9.724 2.098 9.488 2.293 9.293C2.488 9.098 2.724 9 3 9L7 9L7 8.595C6.989 8.595 6.977 8.595 6.966 8.596C6.694 8.604 6.41 8.569 6.115 8.491C5.575 8.349 5.075 8.083 4.615 7.694ZM10.274 5.842C10.78 5.485 11.18 4.979 11.474 4.326C11.769 3.67 11.94 2.899 11.987 2.013C11.101 2.06 10.33 2.231 9.674 2.526C9.021 2.82 8.515 3.22 8.158 3.726C7.852 4.161 7.684 4.624 7.655 5.115C7.647 5.265 7.651 5.407 7.669 5.54C7.786 5.746 7.882 5.961 7.954 6.185C8.218 6.312 8.528 6.365 8.885 6.345C9.376 6.316 9.839 6.148 10.274 5.842ZM6.737 5.973C6.732 5.952 6.727 5.931 6.722 5.909C6.685 5.852 6.646 5.797 6.604 5.742C6.319 5.372 5.94 5.081 5.468 4.871C5.047 4.683 4.567 4.566 4.029 4.521C4.078 4.96 4.191 5.37 4.367 5.75C4.585 6.217 4.882 6.611 5.26 6.931C5.605 7.223 5.975 7.42 6.369 7.524C6.524 7.565 6.67 7.588 6.81 7.595C6.875 7.598 6.938 7.597 7 7.593L7 6.642C6.884 6.439 6.797 6.216 6.737 5.973ZM5 14L5 10L3 10L3 14L5 14ZM9 10L6 10L6 14L9 14L9 10ZM10 10L10 14L12 14L12 10L10 10Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M4.615 7.694C4.124 7.279 3.74 6.772 3.461 6.172C3.154 5.511 3 4.787 3 4C3 3.859 3.048 3.741 3.144 3.644C3.241 3.548 3.359 3.5 3.5 3.5C4.4 3.5 5.192 3.652 5.876 3.957C6.195 4.1 6.483 4.271 6.74 4.472C6.846 4.008 7.046 3.567 7.342 3.149C7.804 2.495 8.444 1.983 9.264 1.614C10.174 1.205 11.253 1 12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5C13 2.747 12.795 3.826 12.386 4.736C12.017 5.556 11.505 6.196 10.851 6.658C10.26 7.075 9.624 7.303 8.943 7.343C8.659 7.359 8.386 7.34 8.122 7.285C8.121 7.352 8.118 7.419 8.112 7.485C8.095 7.687 8.058 7.885 8 8.077L8 9L12 9C12.276 9 12.512 9.098 12.707 9.293C12.902 9.488 13 9.724 13 10L13 14C13 14.276 12.902 14.512 12.707 14.707C12.512 14.902 12.276 15 12 15L3 15C2.724 15 2.488 14.902 2.293 14.707C2.098 14.512 2 14.276 2 14L2 10C2 9.724 2.098 9.488 2.293 9.293C2.488 9.098 2.724 9 3 9L7 9L7 8.595C6.989 8.595 6.977 8.595 6.966 8.596C6.694 8.604 6.41 8.569 6.115 8.491C5.575 8.349 5.075 8.083 4.615 7.694ZM10.274 5.842C10.78 5.485 11.18 4.979 11.474 4.326C11.769 3.67 11.94 2.899 11.987 2.013C11.101 2.06 10.33 2.231 9.674 2.526C9.021 2.82 8.515 3.22 8.158 3.726C7.852 4.161 7.684 4.624 7.655 5.115C7.647 5.265 7.651 5.407 7.669 5.54C7.786 5.746 7.882 5.961 7.954 6.185C8.218 6.312 8.528 6.365 8.885 6.345C9.376 6.316 9.839 6.148 10.274 5.842ZM6.737 5.973C6.732 5.952 6.727 5.931 6.722 5.909C6.685 5.852 6.646 5.797 6.604 5.742C6.319 5.372 5.94 5.081 5.468 4.871C5.047 4.683 4.567 4.566 4.029 4.521C4.078 4.96 4.191 5.37 4.367 5.75C4.585 6.217 4.882 6.611 5.26 6.931C5.605 7.223 5.975 7.42 6.369 7.524C6.524 7.565 6.67 7.588 6.81 7.595C6.875 7.598 6.938 7.597 7 7.593L7 6.642C6.884 6.439 6.797 6.216 6.737 5.973ZM5 14L5 10L3 10L3 14L5 14ZM9 10L6 10L6 14L9 14L9 10ZM10 10L10 14L12 14L12 10L10 10Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "compost" (line-round), MIT. https://gentleface.com/icons/compost import SwiftUI struct CompostIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 4.615, y: 7.694)) p.addCurve(to: CGPoint(x: 3.461, y: 6.172), control1: CGPoint(x: 4.124, y: 7.279), control2: CGPoint(x: 3.74, y: 6.772)) p.addCurve(to: CGPoint(x: 3, y: 4), control1: CGPoint(x: 3.154, y: 5.511), control2: CGPoint(x: 3, y: 4.787)) p.addCurve(to: CGPoint(x: 3.144, y: 3.644), control1: CGPoint(x: 3, y: 3.859), control2: CGPoint(x: 3.048, y: 3.741)) p.addCurve(to: CGPoint(x: 3.5, y: 3.5), control1: CGPoint(x: 3.241, y: 3.548), control2: CGPoint(x: 3.359, y: 3.5)) p.addCurve(to: CGPoint(x: 5.876, y: 3.957), control1: CGPoint(x: 4.4, y: 3.5), control2: CGPoint(x: 5.192, y: 3.652)) p.addCurve(to: CGPoint(x: 6.74, y: 4.472), control1: CGPoint(x: 6.195, y: 4.1), control2: CGPoint(x: 6.483, y: 4.271)) p.addCurve(to: CGPoint(x: 7.342, y: 3.149), control1: CGPoint(x: 6.846, y: 4.008), control2: CGPoint(x: 7.046, y: 3.567)) p.addCurve(to: CGPoint(x: 9.264, y: 1.614), control1: CGPoint(x: 7.804, y: 2.495), control2: CGPoint(x: 8.444, y: 1.983)) p.addCurve(to: CGPoint(x: 12.5, y: 1), control1: CGPoint(x: 10.174, y: 1.205), control2: CGPoint(x: 11.253, y: 1)) p.addCurve(to: CGPoint(x: 12.856, y: 1.144), control1: CGPoint(x: 12.641, y: 1), control2: CGPoint(x: 12.759, y: 1.048)) p.addCurve(to: CGPoint(x: 13, y: 1.5), control1: CGPoint(x: 12.952, y: 1.241), control2: CGPoint(x: 13, y: 1.359)) p.addCurve(to: CGPoint(x: 12.386, y: 4.736), control1: CGPoint(x: 13, y: 2.747), control2: CGPoint(x: 12.795, y: 3.826)) p.addCurve(to: CGPoint(x: 10.851, y: 6.658), control1: CGPoint(x: 12.017, y: 5.556), control2: CGPoint(x: 11.505, y: 6.196)) p.addCurve(to: CGPoint(x: 8.943, y: 7.343), control1: CGPoint(x: 10.26, y: 7.075), control2: CGPoint(x: 9.624, y: 7.303)) p.addCurve(to: CGPoint(x: 8.122, y: 7.285), control1: CGPoint(x: 8.659, y: 7.359), control2: CGPoint(x: 8.386, y: 7.34)) p.addCurve(to: CGPoint(x: 8.112, y: 7.485), control1: CGPoint(x: 8.121, y: 7.352), control2: CGPoint(x: 8.118, y: 7.419)) p.addCurve(to: CGPoint(x: 8, y: 8.077), control1: CGPoint(x: 8.095, y: 7.687), control2: CGPoint(x: 8.058, y: 7.885)) p.addLine(to: CGPoint(x: 8, y: 9)) p.addLine(to: CGPoint(x: 12, y: 9)) p.addCurve(to: CGPoint(x: 12.707, y: 9.293), control1: CGPoint(x: 12.276, y: 9), control2: CGPoint(x: 12.512, y: 9.098)) p.addCurve(to: CGPoint(x: 13, y: 10), control1: CGPoint(x: 12.902, y: 9.488), control2: CGPoint(x: 13, y: 9.724)) p.addLine(to: CGPoint(x: 13, y: 14)) p.addCurve(to: CGPoint(x: 12.707, y: 14.707), control1: CGPoint(x: 13, y: 14.276), control2: CGPoint(x: 12.902, y: 14.512)) p.addCurve(to: CGPoint(x: 12, y: 15), control1: CGPoint(x: 12.512, y: 14.902), control2: CGPoint(x: 12.276, y: 15)) p.addLine(to: CGPoint(x: 3, y: 15)) p.addCurve(to: CGPoint(x: 2.293, y: 14.707), control1: CGPoint(x: 2.724, y: 15), control2: CGPoint(x: 2.488, y: 14.902)) p.addCurve(to: CGPoint(x: 2, y: 14), control1: CGPoint(x: 2.098, y: 14.512), control2: CGPoint(x: 2, y: 14.276)) p.addLine(to: CGPoint(x: 2, y: 10)) p.addCurve(to: CGPoint(x: 2.293, y: 9.293), control1: CGPoint(x: 2, y: 9.724), control2: CGPoint(x: 2.098, y: 9.488)) p.addCurve(to: CGPoint(x: 3, y: 9), control1: CGPoint(x: 2.488, y: 9.098), control2: CGPoint(x: 2.724, y: 9)) p.addLine(to: CGPoint(x: 7, y: 9)) p.addLine(to: CGPoint(x: 7, y: 8.595)) p.addCurve(to: CGPoint(x: 6.966, y: 8.596), control1: CGPoint(x: 6.989, y: 8.595), control2: CGPoint(x: 6.977, y: 8.595)) p.addCurve(to: CGPoint(x: 6.115, y: 8.491), control1: CGPoint(x: 6.694, y: 8.604), control2: CGPoint(x: 6.41, y: 8.569)) p.addCurve(to: CGPoint(x: 4.615, y: 7.694), control1: CGPoint(x: 5.575, y: 8.349), control2: CGPoint(x: 5.075, y: 8.083)) p.closeSubpath() p.move(to: CGPoint(x: 10.274, y: 5.842)) p.addCurve(to: CGPoint(x: 11.474, y: 4.326), control1: CGPoint(x: 10.78, y: 5.485), control2: CGPoint(x: 11.18, y: 4.979)) p.addCurve(to: CGPoint(x: 11.987, y: 2.013), control1: CGPoint(x: 11.769, y: 3.67), control2: CGPoint(x: 11.94, y: 2.899)) p.addCurve(to: CGPoint(x: 9.674, y: 2.526), control1: CGPoint(x: 11.101, y: 2.06), control2: CGPoint(x: 10.33, y: 2.231)) p.addCurve(to: CGPoint(x: 8.158, y: 3.726), control1: CGPoint(x: 9.021, y: 2.82), control2: CGPoint(x: 8.515, y: 3.22)) p.addCurve(to: CGPoint(x: 7.655, y: 5.115), control1: CGPoint(x: 7.852, y: 4.161), control2: CGPoint(x: 7.684, y: 4.624)) p.addCurve(to: CGPoint(x: 7.669, y: 5.54), control1: CGPoint(x: 7.647, y: 5.265), control2: CGPoint(x: 7.651, y: 5.407)) p.addCurve(to: CGPoint(x: 7.954, y: 6.185), control1: CGPoint(x: 7.786, y: 5.746), control2: CGPoint(x: 7.882, y: 5.961)) p.addCurve(to: CGPoint(x: 8.885, y: 6.345), control1: CGPoint(x: 8.218, y: 6.312), control2: CGPoint(x: 8.528, y: 6.365)) p.addCurve(to: CGPoint(x: 10.274, y: 5.842), control1: CGPoint(x: 9.376, y: 6.316), control2: CGPoint(x: 9.839, y: 6.148)) p.closeSubpath() p.move(to: CGPoint(x: 6.737, y: 5.973)) p.addCurve(to: CGPoint(x: 6.722, y: 5.909), control1: CGPoint(x: 6.732, y: 5.952), control2: CGPoint(x: 6.727, y: 5.931)) p.addCurve(to: CGPoint(x: 6.604, y: 5.742), control1: CGPoint(x: 6.685, y: 5.852), control2: CGPoint(x: 6.646, y: 5.797)) p.addCurve(to: CGPoint(x: 5.468, y: 4.871), control1: CGPoint(x: 6.319, y: 5.372), control2: CGPoint(x: 5.94, y: 5.081)) p.addCurve(to: CGPoint(x: 4.029, y: 4.521), control1: CGPoint(x: 5.047, y: 4.683), control2: CGPoint(x: 4.567, y: 4.566)) p.addCurve(to: CGPoint(x: 4.367, y: 5.75), control1: CGPoint(x: 4.078, y: 4.96), control2: CGPoint(x: 4.191, y: 5.37)) p.addCurve(to: CGPoint(x: 5.26, y: 6.931), control1: CGPoint(x: 4.585, y: 6.217), control2: CGPoint(x: 4.882, y: 6.611)) p.addCurve(to: CGPoint(x: 6.369, y: 7.524), control1: CGPoint(x: 5.605, y: 7.223), control2: CGPoint(x: 5.975, y: 7.42)) p.addCurve(to: CGPoint(x: 6.81, y: 7.595), control1: CGPoint(x: 6.524, y: 7.565), control2: CGPoint(x: 6.67, y: 7.588)) p.addCurve(to: CGPoint(x: 7, y: 7.593), control1: CGPoint(x: 6.875, y: 7.598), control2: CGPoint(x: 6.938, y: 7.597)) p.addLine(to: CGPoint(x: 7, y: 6.642)) p.addCurve(to: CGPoint(x: 6.737, y: 5.973), control1: CGPoint(x: 6.884, y: 6.439), control2: CGPoint(x: 6.797, y: 6.216)) p.closeSubpath() p.move(to: CGPoint(x: 5, y: 14)) p.addLine(to: CGPoint(x: 5, y: 10)) p.addLine(to: CGPoint(x: 3, y: 10)) p.addLine(to: CGPoint(x: 3, y: 14)) p.addLine(to: CGPoint(x: 5, y: 14)) p.closeSubpath() p.move(to: CGPoint(x: 9, y: 10)) p.addLine(to: CGPoint(x: 6, y: 10)) p.addLine(to: CGPoint(x: 6, y: 14)) p.addLine(to: CGPoint(x: 9, y: 14)) p.addLine(to: CGPoint(x: 9, y: 10)) p.closeSubpath() p.move(to: CGPoint(x: 10, y: 10)) p.addLine(to: CGPoint(x: 10, y: 14)) p.addLine(to: CGPoint(x: 12, y: 14)) p.addLine(to: CGPoint(x: 12, y: 10)) p.addLine(to: CGPoint(x: 10, y: 10)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CompostIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "compost" (line-round), MIT. https://gentleface.com/icons/compost import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val CompostIcon: ImageVector by lazy { ImageVector.Builder( name = "compost", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M4.615 7.694C4.124 7.279 3.74 6.772 3.461 6.172C3.154 5.511 3 4.787 3 4C3 3.859 3.048 3.741 3.144 3.644C3.241 3.548 3.359 3.5 3.5 3.5C4.4 3.5 5.192 3.652 5.876 3.957C6.195 4.1 6.483 4.271 6.74 4.472C6.846 4.008 7.046 3.567 7.342 3.149C7.804 2.495 8.444 1.983 9.264 1.614C10.174 1.205 11.253 1 12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5C13 2.747 12.795 3.826 12.386 4.736C12.017 5.556 11.505 6.196 10.851 6.658C10.26 7.075 9.624 7.303 8.943 7.343C8.659 7.359 8.386 7.34 8.122 7.285C8.121 7.352 8.118 7.419 8.112 7.485C8.095 7.687 8.058 7.885 8 8.077L8 9L12 9C12.276 9 12.512 9.098 12.707 9.293C12.902 9.488 13 9.724 13 10L13 14C13 14.276 12.902 14.512 12.707 14.707C12.512 14.902 12.276 15 12 15L3 15C2.724 15 2.488 14.902 2.293 14.707C2.098 14.512 2 14.276 2 14L2 10C2 9.724 2.098 9.488 2.293 9.293C2.488 9.098 2.724 9 3 9L7 9L7 8.595C6.989 8.595 6.977 8.595 6.966 8.596C6.694 8.604 6.41 8.569 6.115 8.491C5.575 8.349 5.075 8.083 4.615 7.694ZM10.274 5.842C10.78 5.485 11.18 4.979 11.474 4.326C11.769 3.67 11.94 2.899 11.987 2.013C11.101 2.06 10.33 2.231 9.674 2.526C9.021 2.82 8.515 3.22 8.158 3.726C7.852 4.161 7.684 4.624 7.655 5.115C7.647 5.265 7.651 5.407 7.669 5.54C7.786 5.746 7.882 5.961 7.954 6.185C8.218 6.312 8.528 6.365 8.885 6.345C9.376 6.316 9.839 6.148 10.274 5.842ZM6.737 5.973C6.732 5.952 6.727 5.931 6.722 5.909C6.685 5.852 6.646 5.797 6.604 5.742C6.319 5.372 5.94 5.081 5.468 4.871C5.047 4.683 4.567 4.566 4.029 4.521C4.078 4.96 4.191 5.37 4.367 5.75C4.585 6.217 4.882 6.611 5.26 6.931C5.605 7.223 5.975 7.42 6.369 7.524C6.524 7.565 6.67 7.588 6.81 7.595C6.875 7.598 6.938 7.597 7 7.593L7 6.642C6.884 6.439 6.797 6.216 6.737 5.973ZM5 14L5 10L3 10L3 14L5 14ZM9 10L6 10L6 14L9 14L9 10ZM10 10L10 14L12 14L12 10L10 10Z"), fill = SolidColor(Color.Black), ).build() } // Icon(CompostIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "compost" (line-round), MIT. https://gentleface.com/icons/compost import 'package:flutter/widgets.dart'; class CompostIcon extends StatelessWidget { const CompostIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CompostIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CompostIconPainter extends CustomPainter { _CompostIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(4.615, 7.694) ..cubicTo(4.124, 7.279, 3.74, 6.772, 3.461, 6.172) ..cubicTo(3.154, 5.511, 3, 4.787, 3, 4) ..cubicTo(3, 3.859, 3.048, 3.741, 3.144, 3.644) ..cubicTo(3.241, 3.548, 3.359, 3.5, 3.5, 3.5) ..cubicTo(4.4, 3.5, 5.192, 3.652, 5.876, 3.957) ..cubicTo(6.195, 4.1, 6.483, 4.271, 6.74, 4.472) ..cubicTo(6.846, 4.008, 7.046, 3.567, 7.342, 3.149) ..cubicTo(7.804, 2.495, 8.444, 1.983, 9.264, 1.614) ..cubicTo(10.174, 1.205, 11.253, 1, 12.5, 1) ..cubicTo(12.641, 1, 12.759, 1.048, 12.856, 1.144) ..cubicTo(12.952, 1.241, 13, 1.359, 13, 1.5) ..cubicTo(13, 2.747, 12.795, 3.826, 12.386, 4.736) ..cubicTo(12.017, 5.556, 11.505, 6.196, 10.851, 6.658) ..cubicTo(10.26, 7.075, 9.624, 7.303, 8.943, 7.343) ..cubicTo(8.659, 7.359, 8.386, 7.34, 8.122, 7.285) ..cubicTo(8.121, 7.352, 8.118, 7.419, 8.112, 7.485) ..cubicTo(8.095, 7.687, 8.058, 7.885, 8, 8.077) ..lineTo(8, 9) ..lineTo(12, 9) ..cubicTo(12.276, 9, 12.512, 9.098, 12.707, 9.293) ..cubicTo(12.902, 9.488, 13, 9.724, 13, 10) ..lineTo(13, 14) ..cubicTo(13, 14.276, 12.902, 14.512, 12.707, 14.707) ..cubicTo(12.512, 14.902, 12.276, 15, 12, 15) ..lineTo(3, 15) ..cubicTo(2.724, 15, 2.488, 14.902, 2.293, 14.707) ..cubicTo(2.098, 14.512, 2, 14.276, 2, 14) ..lineTo(2, 10) ..cubicTo(2, 9.724, 2.098, 9.488, 2.293, 9.293) ..cubicTo(2.488, 9.098, 2.724, 9, 3, 9) ..lineTo(7, 9) ..lineTo(7, 8.595) ..cubicTo(6.989, 8.595, 6.977, 8.595, 6.966, 8.596) ..cubicTo(6.694, 8.604, 6.41, 8.569, 6.115, 8.491) ..cubicTo(5.575, 8.349, 5.075, 8.083, 4.615, 7.694) ..close() ..moveTo(10.274, 5.842) ..cubicTo(10.78, 5.485, 11.18, 4.979, 11.474, 4.326) ..cubicTo(11.769, 3.67, 11.94, 2.899, 11.987, 2.013) ..cubicTo(11.101, 2.06, 10.33, 2.231, 9.674, 2.526) ..cubicTo(9.021, 2.82, 8.515, 3.22, 8.158, 3.726) ..cubicTo(7.852, 4.161, 7.684, 4.624, 7.655, 5.115) ..cubicTo(7.647, 5.265, 7.651, 5.407, 7.669, 5.54) ..cubicTo(7.786, 5.746, 7.882, 5.961, 7.954, 6.185) ..cubicTo(8.218, 6.312, 8.528, 6.365, 8.885, 6.345) ..cubicTo(9.376, 6.316, 9.839, 6.148, 10.274, 5.842) ..close() ..moveTo(6.737, 5.973) ..cubicTo(6.732, 5.952, 6.727, 5.931, 6.722, 5.909) ..cubicTo(6.685, 5.852, 6.646, 5.797, 6.604, 5.742) ..cubicTo(6.319, 5.372, 5.94, 5.081, 5.468, 4.871) ..cubicTo(5.047, 4.683, 4.567, 4.566, 4.029, 4.521) ..cubicTo(4.078, 4.96, 4.191, 5.37, 4.367, 5.75) ..cubicTo(4.585, 6.217, 4.882, 6.611, 5.26, 6.931) ..cubicTo(5.605, 7.223, 5.975, 7.42, 6.369, 7.524) ..cubicTo(6.524, 7.565, 6.67, 7.588, 6.81, 7.595) ..cubicTo(6.875, 7.598, 6.938, 7.597, 7, 7.593) ..lineTo(7, 6.642) ..cubicTo(6.884, 6.439, 6.797, 6.216, 6.737, 5.973) ..close() ..moveTo(5, 14) ..lineTo(5, 10) ..lineTo(3, 10) ..lineTo(3, 14) ..lineTo(5, 14) ..close() ..moveTo(9, 10) ..lineTo(6, 10) ..lineTo(6, 14) ..lineTo(9, 14) ..lineTo(9, 10) ..close() ..moveTo(10, 10) ..lineTo(10, 14) ..lineTo(12, 14) ..lineTo(12, 10) ..lineTo(10, 10) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CompostIconPainter old) => old.color != color; } ```