garlic icon
garlic-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- garlic-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Use the garlic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.649 2V.196L8.5 4.158c.439.615.692 1.315.808 2.05c.28 1.753-.217 3.708-.808 5.212c-2.291 5.046-2.04 9.133.445 10.825c.211.143.45.275.718.387c.536.224 1.191.368 1.985.368c3.078 0 4.714-2.508 4.247-5.427c-.188-1.17-.63-2.226-1.032-3.189c-.602-1.44-1.116-2.67-.558-3.75q.112-.22.21-.43c-.316 1.629.392 2.622 1.24 3.814c.595.833 1.258 1.763 1.688 3.076c.737 2.249.282 4.43-1.15 5.795c2.114.097 3.748-.442 4.9-1.498c1.546-1.418 1.959-3.532 1.756-5.448c-.303-2.872-2.528-5.482-4.41-7.156c-2.12-1.886-3.89-3.485-3.89-6.787"/><path fill="currentColor" d="M7.275 8.48c-.384.28-.775.537-1.19.81c-.365.24-.75.493-1.167.786c-.96.676-1.952 1.487-2.697 2.604C1.464 13.816 1 15.213 1 17.002C1 20.102 2.731 23 6.648 23h.125c-1.184-1.277-1.754-2.99-1.84-4.817c-.105-2.263.509-4.85 1.723-7.54c.265-.68.49-1.426.62-2.164"/></svg>
React
import type { SVGProps } from "react";
export function TdesignGarlicFilled(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="M14.649 2V.196L8.5 4.158c.439.615.692 1.315.808 2.05c.28 1.753-.217 3.708-.808 5.212c-2.291 5.046-2.04 9.133.445 10.825c.211.143.45.275.718.387c.536.224 1.191.368 1.985.368c3.078 0 4.714-2.508 4.247-5.427c-.188-1.17-.63-2.226-1.032-3.189c-.602-1.44-1.116-2.67-.558-3.75q.112-.22.21-.43c-.316 1.629.392 2.622 1.24 3.814c.595.833 1.258 1.763 1.688 3.076c.737 2.249.282 4.43-1.15 5.795c2.114.097 3.748-.442 4.9-1.498c1.546-1.418 1.959-3.532 1.756-5.448c-.303-2.872-2.528-5.482-4.41-7.156c-2.12-1.886-3.89-3.485-3.89-6.787"/><path fill="currentColor" d="M7.275 8.48c-.384.28-.775.537-1.19.81c-.365.24-.75.493-1.167.786c-.96.676-1.952 1.487-2.697 2.604C1.464 13.816 1 15.213 1 17.002C1 20.102 2.731 23 6.648 23h.125c-1.184-1.277-1.754-2.99-1.84-4.817c-.105-2.263.509-4.85 1.723-7.54c.265-.68.49-1.426.62-2.164"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.649 2V.196L8.5 4.158c.439.615.692 1.315.808 2.05c.28 1.753-.217 3.708-.808 5.212c-2.291 5.046-2.04 9.133.445 10.825c.211.143.45.275.718.387c.536.224 1.191.368 1.985.368c3.078 0 4.714-2.508 4.247-5.427c-.188-1.17-.63-2.226-1.032-3.189c-.602-1.44-1.116-2.67-.558-3.75q.112-.22.21-.43c-.316 1.629.392 2.622 1.24 3.814c.595.833 1.258 1.763 1.688 3.076c.737 2.249.282 4.43-1.15 5.795c2.114.097 3.748-.442 4.9-1.498c1.546-1.418 1.959-3.532 1.756-5.448c-.303-2.872-2.528-5.482-4.41-7.156c-2.12-1.886-3.89-3.485-3.89-6.787"/><path fill="currentColor" d="M7.275 8.48c-.384.28-.775.537-1.19.81c-.365.24-.75.493-1.167.786c-.96.676-1.952 1.487-2.697 2.604C1.464 13.816 1 15.213 1 17.002C1 20.102 2.731 23 6.648 23h.125c-1.184-1.277-1.754-2.99-1.84-4.817c-.105-2.263.509-4.85 1.723-7.54c.265-.68.49-1.426.62-2.164"/></svg> </template>
CSS
.icon-garlic-filled {
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%22M14.649%202V.196L8.5%204.158c.439.615.692%201.315.808%202.05c.28%201.753-.217%203.708-.808%205.212c-2.291%205.046-2.04%209.133.445%2010.825c.211.143.45.275.718.387c.536.224%201.191.368%201.985.368c3.078%200%204.714-2.508%204.247-5.427c-.188-1.17-.63-2.226-1.032-3.189c-.602-1.44-1.116-2.67-.558-3.75q.112-.22.21-.43c-.316%201.629.392%202.622%201.24%203.814c.595.833%201.258%201.763%201.688%203.076c.737%202.249.282%204.43-1.15%205.795c2.114.097%203.748-.442%204.9-1.498c1.546-1.418%201.959-3.532%201.756-5.448c-.303-2.872-2.528-5.482-4.41-7.156c-2.12-1.886-3.89-3.485-3.89-6.787%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.275%208.48c-.384.28-.775.537-1.19.81c-.365.24-.75.493-1.167.786c-.96.676-1.952%201.487-2.697%202.604C1.464%2013.816%201%2015.213%201%2017.002C1%2020.102%202.731%2023%206.648%2023h.125c-1.184-1.277-1.754-2.99-1.84-4.817c-.105-2.263.509-4.85%201.723-7.54c.265-.68.49-1.426.62-2.164%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%22M14.649%202V.196L8.5%204.158c.439.615.692%201.315.808%202.05c.28%201.753-.217%203.708-.808%205.212c-2.291%205.046-2.04%209.133.445%2010.825c.211.143.45.275.718.387c.536.224%201.191.368%201.985.368c3.078%200%204.714-2.508%204.247-5.427c-.188-1.17-.63-2.226-1.032-3.189c-.602-1.44-1.116-2.67-.558-3.75q.112-.22.21-.43c-.316%201.629.392%202.622%201.24%203.814c.595.833%201.258%201.763%201.688%203.076c.737%202.249.282%204.43-1.15%205.795c2.114.097%203.748-.442%204.9-1.498c1.546-1.418%201.959-3.532%201.756-5.448c-.303-2.872-2.528-5.482-4.41-7.156c-2.12-1.886-3.89-3.485-3.89-6.787%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.275%208.48c-.384.28-.775.537-1.19.81c-.365.24-.75.493-1.167.786c-.96.676-1.952%201.487-2.697%202.604C1.464%2013.816%201%2015.213%201%2017.002C1%2020.102%202.731%2023%206.648%2023h.125c-1.184-1.277-1.754-2.99-1.84-4.817c-.105-2.263.509-4.85%201.723-7.54c.265-.68.49-1.426.62-2.164%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/garlic-filled.svg?color=%231a73e8&size=48
