grape icon
grape from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.
- Name
- grape
- Set
- TDesign Icons
- Style
- Outline
- 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"><g fill="none"><path d="M3 17.824A3.177 3.177 0 0 0 6.176 21c1.34 0 2.498-.903 2.966-2.075a3.17 3.17 0 0 0 2.329 1.016c1.675 0 3.06-1.278 3.18-2.923a3.176 3.176 0 0 0 5.29-2.371c0-.565-.135-1.107-.393-1.567a3.177 3.177 0 0 0-3.133-5.516c.204-.42.35-.89.35-1.388a3.177 3.177 0 0 0-5.851-1.714a3.2 3.2 0 0 0-1.561-.403A3.176 3.176 0 0 0 7 9.369a3.17 3.17 0 0 0-1.926 5.489A3.16 3.16 0 0 0 3 17.823"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M10.914 4.462a3.2 3.2 0 0 0-1.561-.403a3.176 3.176 0 1 0 0 6.353m10.195 2.668c.258.46.393 1.002.393 1.567a3.176 3.176 0 0 1-5.29 2.371c-1.556-1.388-1.358-3.908.421-5.018m1.785-4.95c1.32-1.503 2.73-2.828 4.643-3.55m-15 5.946a3.17 3.17 0 0 0-2.441 3.083c0 .92.39 1.749 1.015 2.329a3.17 3.17 0 0 0 3.026.729m1.75-1.533a3.16 3.16 0 0 0-1.556 2.71a3.176 3.176 0 0 0 3.177 3.177a3.18 3.18 0 0 0 3.107-2.441M4.55 15.108A3.15 3.15 0 0 0 3 17.823A3.176 3.176 0 0 0 6.176 21c.994 0 1.888-.497 2.474-1.232m4.45-5.172c-.973.177-2-.12-2.727-.793a3.17 3.17 0 0 1-1.02-2.332c0-1.184.64-2.203 1.599-2.746M13.588 3a3.177 3.177 0 0 1 3.177 3.176c0 .498-.146.969-.35 1.388a3.2 3.2 0 0 0-1.452 1.466c-.416.2-.882.323-1.375.323a3.177 3.177 0 0 1 0-6.353ZM21 10.412a3.177 3.177 0 1 0-6.353 0a3.177 3.177 0 0 0 6.353 0Z"/></g></svg>
React
import type { SVGProps } from "react";
export function TdesignGrape(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M3 17.824A3.177 3.177 0 0 0 6.176 21c1.34 0 2.498-.903 2.966-2.075a3.17 3.17 0 0 0 2.329 1.016c1.675 0 3.06-1.278 3.18-2.923a3.176 3.176 0 0 0 5.29-2.371c0-.565-.135-1.107-.393-1.567a3.177 3.177 0 0 0-3.133-5.516c.204-.42.35-.89.35-1.388a3.177 3.177 0 0 0-5.851-1.714a3.2 3.2 0 0 0-1.561-.403A3.176 3.176 0 0 0 7 9.369a3.17 3.17 0 0 0-1.926 5.489A3.16 3.16 0 0 0 3 17.823"/><path stroke="currentColor" strokeLinecap="square" strokeWidth="2" d="M10.914 4.462a3.2 3.2 0 0 0-1.561-.403a3.176 3.176 0 1 0 0 6.353m10.195 2.668c.258.46.393 1.002.393 1.567a3.176 3.176 0 0 1-5.29 2.371c-1.556-1.388-1.358-3.908.421-5.018m1.785-4.95c1.32-1.503 2.73-2.828 4.643-3.55m-15 5.946a3.17 3.17 0 0 0-2.441 3.083c0 .92.39 1.749 1.015 2.329a3.17 3.17 0 0 0 3.026.729m1.75-1.533a3.16 3.16 0 0 0-1.556 2.71a3.176 3.176 0 0 0 3.177 3.177a3.18 3.18 0 0 0 3.107-2.441M4.55 15.108A3.15 3.15 0 0 0 3 17.823A3.176 3.176 0 0 0 6.176 21c.994 0 1.888-.497 2.474-1.232m4.45-5.172c-.973.177-2-.12-2.727-.793a3.17 3.17 0 0 1-1.02-2.332c0-1.184.64-2.203 1.599-2.746M13.588 3a3.177 3.177 0 0 1 3.177 3.176c0 .498-.146.969-.35 1.388a3.2 3.2 0 0 0-1.452 1.466c-.416.2-.882.323-1.375.323a3.177 3.177 0 0 1 0-6.353ZM21 10.412a3.177 3.177 0 1 0-6.353 0a3.177 3.177 0 0 0 6.353 0Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M3 17.824A3.177 3.177 0 0 0 6.176 21c1.34 0 2.498-.903 2.966-2.075a3.17 3.17 0 0 0 2.329 1.016c1.675 0 3.06-1.278 3.18-2.923a3.176 3.176 0 0 0 5.29-2.371c0-.565-.135-1.107-.393-1.567a3.177 3.177 0 0 0-3.133-5.516c.204-.42.35-.89.35-1.388a3.177 3.177 0 0 0-5.851-1.714a3.2 3.2 0 0 0-1.561-.403A3.176 3.176 0 0 0 7 9.369a3.17 3.17 0 0 0-1.926 5.489A3.16 3.16 0 0 0 3 17.823"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M10.914 4.462a3.2 3.2 0 0 0-1.561-.403a3.176 3.176 0 1 0 0 6.353m10.195 2.668c.258.46.393 1.002.393 1.567a3.176 3.176 0 0 1-5.29 2.371c-1.556-1.388-1.358-3.908.421-5.018m1.785-4.95c1.32-1.503 2.73-2.828 4.643-3.55m-15 5.946a3.17 3.17 0 0 0-2.441 3.083c0 .92.39 1.749 1.015 2.329a3.17 3.17 0 0 0 3.026.729m1.75-1.533a3.16 3.16 0 0 0-1.556 2.71a3.176 3.176 0 0 0 3.177 3.177a3.18 3.18 0 0 0 3.107-2.441M4.55 15.108A3.15 3.15 0 0 0 3 17.823A3.176 3.176 0 0 0 6.176 21c.994 0 1.888-.497 2.474-1.232m4.45-5.172c-.973.177-2-.12-2.727-.793a3.17 3.17 0 0 1-1.02-2.332c0-1.184.64-2.203 1.599-2.746M13.588 3a3.177 3.177 0 0 1 3.177 3.176c0 .498-.146.969-.35 1.388a3.2 3.2 0 0 0-1.452 1.466c-.416.2-.882.323-1.375.323a3.177 3.177 0 0 1 0-6.353ZM21 10.412a3.177 3.177 0 1 0-6.353 0a3.177 3.177 0 0 0 6.353 0Z"/></g></svg> </template>
CSS
.icon-grape {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3%2017.824A3.177%203.177%200%200%200%206.176%2021c1.34%200%202.498-.903%202.966-2.075a3.17%203.17%200%200%200%202.329%201.016c1.675%200%203.06-1.278%203.18-2.923a3.176%203.176%200%200%200%205.29-2.371c0-.565-.135-1.107-.393-1.567a3.177%203.177%200%200%200-3.133-5.516c.204-.42.35-.89.35-1.388a3.177%203.177%200%200%200-5.851-1.714a3.2%203.2%200%200%200-1.561-.403A3.176%203.176%200%200%200%207%209.369a3.17%203.17%200%200%200-1.926%205.489A3.16%203.16%200%200%200%203%2017.823%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M10.914%204.462a3.2%203.2%200%200%200-1.561-.403a3.176%203.176%200%201%200%200%206.353m10.195%202.668c.258.46.393%201.002.393%201.567a3.176%203.176%200%200%201-5.29%202.371c-1.556-1.388-1.358-3.908.421-5.018m1.785-4.95c1.32-1.503%202.73-2.828%204.643-3.55m-15%205.946a3.17%203.17%200%200%200-2.441%203.083c0%20.92.39%201.749%201.015%202.329a3.17%203.17%200%200%200%203.026.729m1.75-1.533a3.16%203.16%200%200%200-1.556%202.71a3.176%203.176%200%200%200%203.177%203.177a3.18%203.18%200%200%200%203.107-2.441M4.55%2015.108A3.15%203.15%200%200%200%203%2017.823A3.176%203.176%200%200%200%206.176%2021c.994%200%201.888-.497%202.474-1.232m4.45-5.172c-.973.177-2-.12-2.727-.793a3.17%203.17%200%200%201-1.02-2.332c0-1.184.64-2.203%201.599-2.746M13.588%203a3.177%203.177%200%200%201%203.177%203.176c0%20.498-.146.969-.35%201.388a3.2%203.2%200%200%200-1.452%201.466c-.416.2-.882.323-1.375.323a3.177%203.177%200%200%201%200-6.353ZM21%2010.412a3.177%203.177%200%201%200-6.353%200a3.177%203.177%200%200%200%206.353%200Z%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M3%2017.824A3.177%203.177%200%200%200%206.176%2021c1.34%200%202.498-.903%202.966-2.075a3.17%203.17%200%200%200%202.329%201.016c1.675%200%203.06-1.278%203.18-2.923a3.176%203.176%200%200%200%205.29-2.371c0-.565-.135-1.107-.393-1.567a3.177%203.177%200%200%200-3.133-5.516c.204-.42.35-.89.35-1.388a3.177%203.177%200%200%200-5.851-1.714a3.2%203.2%200%200%200-1.561-.403A3.176%203.176%200%200%200%207%209.369a3.17%203.17%200%200%200-1.926%205.489A3.16%203.16%200%200%200%203%2017.823%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M10.914%204.462a3.2%203.2%200%200%200-1.561-.403a3.176%203.176%200%201%200%200%206.353m10.195%202.668c.258.46.393%201.002.393%201.567a3.176%203.176%200%200%201-5.29%202.371c-1.556-1.388-1.358-3.908.421-5.018m1.785-4.95c1.32-1.503%202.73-2.828%204.643-3.55m-15%205.946a3.17%203.17%200%200%200-2.441%203.083c0%20.92.39%201.749%201.015%202.329a3.17%203.17%200%200%200%203.026.729m1.75-1.533a3.16%203.16%200%200%200-1.556%202.71a3.176%203.176%200%200%200%203.177%203.177a3.18%203.18%200%200%200%203.107-2.441M4.55%2015.108A3.15%203.15%200%200%200%203%2017.823A3.176%203.176%200%200%200%206.176%2021c.994%200%201.888-.497%202.474-1.232m4.45-5.172c-.973.177-2-.12-2.727-.793a3.17%203.17%200%200%201-1.02-2.332c0-1.184.64-2.203%201.599-2.746M13.588%203a3.177%203.177%200%200%201%203.177%203.176c0%20.498-.146.969-.35%201.388a3.2%203.2%200%200%200-1.452%201.466c-.416.2-.882.323-1.375.323a3.177%203.177%200%200%201%200-6.353ZM21%2010.412a3.177%203.177%200%201%200-6.353%200a3.177%203.177%200%200%200%206.353%200Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/grape.svg?color=%231a73e8&size=48
