grape icon
grape-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- grape-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 grape icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.325 5.15q.696.002 1.338.175c.614-.296 1.28-.547 1.977-.81l1.15-.433l-.707-1.871l-.935.353l-.248.093c-.979.367-2.117.795-3.115 1.418a8 8 0 0 0-.625.432A3.677 3.677 0 0 0 10 5.675a3.676 3.676 0 0 0 3.247 3.65a5.18 5.18 0 0 1 5.078-4.175m0 10.35a5.17 5.17 0 0 1-4.145-2.076a3.675 3.675 0 1 0 6.78 1.357a5.15 5.15 0 0 1-2.635.72m-4.917-3.558a5 5 0 0 1-.234-1.117a5.16 5.16 0 0 1-3.4-1.75a3.675 3.675 0 0 0 2.388 6.596a5.16 5.16 0 0 1 1.247-3.728M9.096 3.262a3.675 3.675 0 0 0-1.967 6.986c.355-.985 1-1.831 1.831-2.436a5.2 5.2 0 0 1-.46-2.137c0-.871.215-1.692.596-2.413M6.831 11.75a5.2 5.2 0 0 1-2.277-1.706a3.676 3.676 0 0 0 1.808 6.16c.1-.83.395-1.6.84-2.261a5.2 5.2 0 0 1-.37-2.192m1.276 3.659a3.675 3.675 0 0 0 6.02 3.984a5.2 5.2 0 0 1-1.646-2.241a5.16 5.16 0 0 1-4.375-1.743m-1.702 2.328a5.17 5.17 0 0 1-3.351-1.988a3.675 3.675 0 1 0 5.25 5.145a5.17 5.17 0 0 1-1.899-3.157"/><path fill="currentColor" d="M18.325 14a3.675 3.675 0 1 0 0-7.35a3.675 3.675 0 0 0 0 7.35"/></svg>
React
import type { SVGProps } from "react";
export function TdesignGrapeFilled(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="M18.325 5.15q.696.002 1.338.175c.614-.296 1.28-.547 1.977-.81l1.15-.433l-.707-1.871l-.935.353l-.248.093c-.979.367-2.117.795-3.115 1.418a8 8 0 0 0-.625.432A3.677 3.677 0 0 0 10 5.675a3.676 3.676 0 0 0 3.247 3.65a5.18 5.18 0 0 1 5.078-4.175m0 10.35a5.17 5.17 0 0 1-4.145-2.076a3.675 3.675 0 1 0 6.78 1.357a5.15 5.15 0 0 1-2.635.72m-4.917-3.558a5 5 0 0 1-.234-1.117a5.16 5.16 0 0 1-3.4-1.75a3.675 3.675 0 0 0 2.388 6.596a5.16 5.16 0 0 1 1.247-3.728M9.096 3.262a3.675 3.675 0 0 0-1.967 6.986c.355-.985 1-1.831 1.831-2.436a5.2 5.2 0 0 1-.46-2.137c0-.871.215-1.692.596-2.413M6.831 11.75a5.2 5.2 0 0 1-2.277-1.706a3.676 3.676 0 0 0 1.808 6.16c.1-.83.395-1.6.84-2.261a5.2 5.2 0 0 1-.37-2.192m1.276 3.659a3.675 3.675 0 0 0 6.02 3.984a5.2 5.2 0 0 1-1.646-2.241a5.16 5.16 0 0 1-4.375-1.743m-1.702 2.328a5.17 5.17 0 0 1-3.351-1.988a3.675 3.675 0 1 0 5.25 5.145a5.17 5.17 0 0 1-1.899-3.157"/><path fill="currentColor" d="M18.325 14a3.675 3.675 0 1 0 0-7.35a3.675 3.675 0 0 0 0 7.35"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.325 5.15q.696.002 1.338.175c.614-.296 1.28-.547 1.977-.81l1.15-.433l-.707-1.871l-.935.353l-.248.093c-.979.367-2.117.795-3.115 1.418a8 8 0 0 0-.625.432A3.677 3.677 0 0 0 10 5.675a3.676 3.676 0 0 0 3.247 3.65a5.18 5.18 0 0 1 5.078-4.175m0 10.35a5.17 5.17 0 0 1-4.145-2.076a3.675 3.675 0 1 0 6.78 1.357a5.15 5.15 0 0 1-2.635.72m-4.917-3.558a5 5 0 0 1-.234-1.117a5.16 5.16 0 0 1-3.4-1.75a3.675 3.675 0 0 0 2.388 6.596a5.16 5.16 0 0 1 1.247-3.728M9.096 3.262a3.675 3.675 0 0 0-1.967 6.986c.355-.985 1-1.831 1.831-2.436a5.2 5.2 0 0 1-.46-2.137c0-.871.215-1.692.596-2.413M6.831 11.75a5.2 5.2 0 0 1-2.277-1.706a3.676 3.676 0 0 0 1.808 6.16c.1-.83.395-1.6.84-2.261a5.2 5.2 0 0 1-.37-2.192m1.276 3.659a3.675 3.675 0 0 0 6.02 3.984a5.2 5.2 0 0 1-1.646-2.241a5.16 5.16 0 0 1-4.375-1.743m-1.702 2.328a5.17 5.17 0 0 1-3.351-1.988a3.675 3.675 0 1 0 5.25 5.145a5.17 5.17 0 0 1-1.899-3.157"/><path fill="currentColor" d="M18.325 14a3.675 3.675 0 1 0 0-7.35a3.675 3.675 0 0 0 0 7.35"/></svg> </template>
CSS
.icon-grape-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%22M18.325%205.15q.696.002%201.338.175c.614-.296%201.28-.547%201.977-.81l1.15-.433l-.707-1.871l-.935.353l-.248.093c-.979.367-2.117.795-3.115%201.418a8%208%200%200%200-.625.432A3.677%203.677%200%200%200%2010%205.675a3.676%203.676%200%200%200%203.247%203.65a5.18%205.18%200%200%201%205.078-4.175m0%2010.35a5.17%205.17%200%200%201-4.145-2.076a3.675%203.675%200%201%200%206.78%201.357a5.15%205.15%200%200%201-2.635.72m-4.917-3.558a5%205%200%200%201-.234-1.117a5.16%205.16%200%200%201-3.4-1.75a3.675%203.675%200%200%200%202.388%206.596a5.16%205.16%200%200%201%201.247-3.728M9.096%203.262a3.675%203.675%200%200%200-1.967%206.986c.355-.985%201-1.831%201.831-2.436a5.2%205.2%200%200%201-.46-2.137c0-.871.215-1.692.596-2.413M6.831%2011.75a5.2%205.2%200%200%201-2.277-1.706a3.676%203.676%200%200%200%201.808%206.16c.1-.83.395-1.6.84-2.261a5.2%205.2%200%200%201-.37-2.192m1.276%203.659a3.675%203.675%200%200%200%206.02%203.984a5.2%205.2%200%200%201-1.646-2.241a5.16%205.16%200%200%201-4.375-1.743m-1.702%202.328a5.17%205.17%200%200%201-3.351-1.988a3.675%203.675%200%201%200%205.25%205.145a5.17%205.17%200%200%201-1.899-3.157%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.325%2014a3.675%203.675%200%201%200%200-7.35a3.675%203.675%200%200%200%200%207.35%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%22M18.325%205.15q.696.002%201.338.175c.614-.296%201.28-.547%201.977-.81l1.15-.433l-.707-1.871l-.935.353l-.248.093c-.979.367-2.117.795-3.115%201.418a8%208%200%200%200-.625.432A3.677%203.677%200%200%200%2010%205.675a3.676%203.676%200%200%200%203.247%203.65a5.18%205.18%200%200%201%205.078-4.175m0%2010.35a5.17%205.17%200%200%201-4.145-2.076a3.675%203.675%200%201%200%206.78%201.357a5.15%205.15%200%200%201-2.635.72m-4.917-3.558a5%205%200%200%201-.234-1.117a5.16%205.16%200%200%201-3.4-1.75a3.675%203.675%200%200%200%202.388%206.596a5.16%205.16%200%200%201%201.247-3.728M9.096%203.262a3.675%203.675%200%200%200-1.967%206.986c.355-.985%201-1.831%201.831-2.436a5.2%205.2%200%200%201-.46-2.137c0-.871.215-1.692.596-2.413M6.831%2011.75a5.2%205.2%200%200%201-2.277-1.706a3.676%203.676%200%200%200%201.808%206.16c.1-.83.395-1.6.84-2.261a5.2%205.2%200%200%201-.37-2.192m1.276%203.659a3.675%203.675%200%200%200%206.02%203.984a5.2%205.2%200%200%201-1.646-2.241a5.16%205.16%200%200%201-4.375-1.743m-1.702%202.328a5.17%205.17%200%200%201-3.351-1.988a3.675%203.675%200%201%200%205.25%205.145a5.17%205.17%200%200%201-1.899-3.157%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.325%2014a3.675%203.675%200%201%200%200-7.35a3.675%203.675%200%200%200%200%207.35%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/grape-filled.svg?color=%231a73e8&size=48
