garlic icon
garlic from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- garlic
- Set
- IconPark
- Style
- Color
- Category
- Foods
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More foods icons from IconPark
Use the garlic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M26.9999 21C26.9999 29 30 27 30.9999 32C32.0244 37.1233 27.7379 42 22.4996 42C17.2613 42 12.9993 37.2248 12.9999 32C12.9999 27.3906 15.4998 24.5 17.9999 23C20.5 21.5 23 20 23 16"/><path d="M33 23C34 23 38.5 25 39 30C39.4523 34.5231 36.5 41.5 24 42"/><path d="M16.001 40C8.15387 40 4.00231 35.2968 4.00098 30C4.00098 24.2947 12.001 19 14.001 18C16.001 17 17.001 15.0477 17.001 13V9C17.001 7.61973 17.6207 7 19.001 7H28.001C29.1415 7 30.001 8 30.001 9V12C30.001 14.051 31.2702 15.6727 33.0883 16.5785C33.8478 16.9576 34.6494 17.32 35.4684 17.655C38.7789 19.0093 44.001 21.1459 44.001 27C44.001 31.881 40.598 36 38.001 36"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkGarlic(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="4"><path strokeLinejoin="round" d="M26.9999 21C26.9999 29 30 27 30.9999 32C32.0244 37.1233 27.7379 42 22.4996 42C17.2613 42 12.9993 37.2248 12.9999 32C12.9999 27.3906 15.4998 24.5 17.9999 23C20.5 21.5 23 20 23 16"/><path d="M33 23C34 23 38.5 25 39 30C39.4523 34.5231 36.5 41.5 24 42"/><path d="M16.001 40C8.15387 40 4.00231 35.2968 4.00098 30C4.00098 24.2947 12.001 19 14.001 18C16.001 17 17.001 15.0477 17.001 13V9C17.001 7.61973 17.6207 7 19.001 7H28.001C29.1415 7 30.001 8 30.001 9V12C30.001 14.051 31.2702 15.6727 33.0883 16.5785C33.8478 16.9576 34.6494 17.32 35.4684 17.655C38.7789 19.0093 44.001 21.1459 44.001 27C44.001 31.881 40.598 36 38.001 36"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="4"><path stroke-linejoin="round" d="M26.9999 21C26.9999 29 30 27 30.9999 32C32.0244 37.1233 27.7379 42 22.4996 42C17.2613 42 12.9993 37.2248 12.9999 32C12.9999 27.3906 15.4998 24.5 17.9999 23C20.5 21.5 23 20 23 16"/><path d="M33 23C34 23 38.5 25 39 30C39.4523 34.5231 36.5 41.5 24 42"/><path d="M16.001 40C8.15387 40 4.00231 35.2968 4.00098 30C4.00098 24.2947 12.001 19 14.001 18C16.001 17 17.001 15.0477 17.001 13V9C17.001 7.61973 17.6207 7 19.001 7H28.001C29.1415 7 30.001 8 30.001 9V12C30.001 14.051 31.2702 15.6727 33.0883 16.5785C33.8478 16.9576 34.6494 17.32 35.4684 17.655C38.7789 19.0093 44.001 21.1459 44.001 27C44.001 31.881 40.598 36 38.001 36"/></g></svg> </template>
CSS
.icon-garlic {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M26.9999%2021C26.9999%2029%2030%2027%2030.9999%2032C32.0244%2037.1233%2027.7379%2042%2022.4996%2042C17.2613%2042%2012.9993%2037.2248%2012.9999%2032C12.9999%2027.3906%2015.4998%2024.5%2017.9999%2023C20.5%2021.5%2023%2020%2023%2016%22%2F%3E%3Cpath%20d%3D%22M33%2023C34%2023%2038.5%2025%2039%2030C39.4523%2034.5231%2036.5%2041.5%2024%2042%22%2F%3E%3Cpath%20d%3D%22M16.001%2040C8.15387%2040%204.00231%2035.2968%204.00098%2030C4.00098%2024.2947%2012.001%2019%2014.001%2018C16.001%2017%2017.001%2015.0477%2017.001%2013V9C17.001%207.61973%2017.6207%207%2019.001%207H28.001C29.1415%207%2030.001%208%2030.001%209V12C30.001%2014.051%2031.2702%2015.6727%2033.0883%2016.5785C33.8478%2016.9576%2034.6494%2017.32%2035.4684%2017.655C38.7789%2019.0093%2044.001%2021.1459%2044.001%2027C44.001%2031.881%2040.598%2036%2038.001%2036%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M26.9999%2021C26.9999%2029%2030%2027%2030.9999%2032C32.0244%2037.1233%2027.7379%2042%2022.4996%2042C17.2613%2042%2012.9993%2037.2248%2012.9999%2032C12.9999%2027.3906%2015.4998%2024.5%2017.9999%2023C20.5%2021.5%2023%2020%2023%2016%22%2F%3E%3Cpath%20d%3D%22M33%2023C34%2023%2038.5%2025%2039%2030C39.4523%2034.5231%2036.5%2041.5%2024%2042%22%2F%3E%3Cpath%20d%3D%22M16.001%2040C8.15387%2040%204.00231%2035.2968%204.00098%2030C4.00098%2024.2947%2012.001%2019%2014.001%2018C16.001%2017%2017.001%2015.0477%2017.001%2013V9C17.001%207.61973%2017.6207%207%2019.001%207H28.001C29.1415%207%2030.001%208%2030.001%209V12C30.001%2014.051%2031.2702%2015.6727%2033.0883%2016.5785C33.8478%2016.9576%2034.6494%2017.32%2035.4684%2017.655C38.7789%2019.0093%2044.001%2021.1459%2044.001%2027C44.001%2031.881%2040.598%2036%2038.001%2036%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/garlic.svg?color=%231a73e8&size=48
