broccoli icon
broccoli from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.
- Name
- broccoli
- Set
- TDesign Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Use the broccoli icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M17.696 3.554c-1.627-1.628-4.303-1.59-5.976.084c-.327.327-.312.434-.427.583c-1.639-1.457-4.143-1.513-5.758.101c-1.673 1.674-1.711 4.35-.084 5.977q.417.416.892.704c1.08.655 2.346.791 3.536.29l.707.707l1.06.353l.354 1.06l1.414 1.415c-.502.74-.702 1.67-.595 2.557c.092.768.415 1.505.969 2.059c1.356 1.356 3.585 1.324 4.98-.07a3.58 3.58 0 0 0 .898-3.632a4.4 4.4 0 0 0 1.257-.88c1.674-1.674 1.712-4.35.084-5.977a4.07 4.07 0 0 0-2.31-1.153l.035-.107c.398-1.417.056-2.98-1.036-4.071"/><path d="m6.344 20.486l-2.828-2.829c1.227-1.228 2.997-5.39 2.828-6.653c1.08.654 2.346.79 3.536.29l.707.706l1.06.354l.354 1.06l1.414 1.415c-.503.74-.702 1.67-.595 2.556a4 4 0 0 0-.395-.152c-1.857-.623-5.374 2.545-6.081 3.252"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m11.4 12.6l-1.52 1.522m-6.364 3.535l2.828 2.828c.707-.707 4.224-3.875 6.081-3.252q.215.072.395.152c-.107-.887.092-1.816.595-2.556L12 13.414l-.354-1.06l-1.06-.354l-.707-.707c-1.19.502-2.457.365-3.536-.29c.169 1.264-1.6 5.426-2.828 6.654Z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M11.293 4.221c.115-.149.1-.256.427-.583c1.673-1.674 4.35-1.712 5.976-.084c1.092 1.091 1.434 2.654 1.036 4.07l-.036.108m-7.403-3.51c-1.639-1.458-4.143-1.514-5.758.1c-1.673 1.674-1.711 4.35-.084 5.977q.417.417.892.705c1.08.655 2.346.79 3.536.29l.707.706l1.06.354l.354 1.06l1.414 1.415c-.502.74-.702 1.67-.595 2.557c.092.768.415 1.504.969 2.058c1.356 1.356 3.585 1.324 4.98-.07a3.58 3.58 0 0 0 .898-3.632a4.4 4.4 0 0 0 1.257-.88c1.674-1.674 1.712-4.35.084-5.977a4.07 4.07 0 0 0-2.31-1.153m-7.404-3.51q.09.079.176.165c.942.943 1.126 1.79 1.238 2.663m4.95.707s.511-.101 1.04-.025"/></g></svg>
React
import type { SVGProps } from "react";
export function TdesignBroccoli(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="M17.696 3.554c-1.627-1.628-4.303-1.59-5.976.084c-.327.327-.312.434-.427.583c-1.639-1.457-4.143-1.513-5.758.101c-1.673 1.674-1.711 4.35-.084 5.977q.417.416.892.704c1.08.655 2.346.791 3.536.29l.707.707l1.06.353l.354 1.06l1.414 1.415c-.502.74-.702 1.67-.595 2.557c.092.768.415 1.505.969 2.059c1.356 1.356 3.585 1.324 4.98-.07a3.58 3.58 0 0 0 .898-3.632a4.4 4.4 0 0 0 1.257-.88c1.674-1.674 1.712-4.35.084-5.977a4.07 4.07 0 0 0-2.31-1.153l.035-.107c.398-1.417.056-2.98-1.036-4.071"/><path d="m6.344 20.486l-2.828-2.829c1.227-1.228 2.997-5.39 2.828-6.653c1.08.654 2.346.79 3.536.29l.707.706l1.06.354l.354 1.06l1.414 1.415c-.503.74-.702 1.67-.595 2.556a4 4 0 0 0-.395-.152c-1.857-.623-5.374 2.545-6.081 3.252"/><path stroke="currentColor" strokeLinecap="square" strokeWidth="2" d="m11.4 12.6l-1.52 1.522m-6.364 3.535l2.828 2.828c.707-.707 4.224-3.875 6.081-3.252q.215.072.395.152c-.107-.887.092-1.816.595-2.556L12 13.414l-.354-1.06l-1.06-.354l-.707-.707c-1.19.502-2.457.365-3.536-.29c.169 1.264-1.6 5.426-2.828 6.654Z"/><path stroke="currentColor" strokeLinecap="square" strokeWidth="2" d="M11.293 4.221c.115-.149.1-.256.427-.583c1.673-1.674 4.35-1.712 5.976-.084c1.092 1.091 1.434 2.654 1.036 4.07l-.036.108m-7.403-3.51c-1.639-1.458-4.143-1.514-5.758.1c-1.673 1.674-1.711 4.35-.084 5.977q.417.417.892.705c1.08.655 2.346.79 3.536.29l.707.706l1.06.354l.354 1.06l1.414 1.415c-.502.74-.702 1.67-.595 2.557c.092.768.415 1.504.969 2.058c1.356 1.356 3.585 1.324 4.98-.07a3.58 3.58 0 0 0 .898-3.632a4.4 4.4 0 0 0 1.257-.88c1.674-1.674 1.712-4.35.084-5.977a4.07 4.07 0 0 0-2.31-1.153m-7.404-3.51q.09.079.176.165c.942.943 1.126 1.79 1.238 2.663m4.95.707s.511-.101 1.04-.025"/></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="M17.696 3.554c-1.627-1.628-4.303-1.59-5.976.084c-.327.327-.312.434-.427.583c-1.639-1.457-4.143-1.513-5.758.101c-1.673 1.674-1.711 4.35-.084 5.977q.417.416.892.704c1.08.655 2.346.791 3.536.29l.707.707l1.06.353l.354 1.06l1.414 1.415c-.502.74-.702 1.67-.595 2.557c.092.768.415 1.505.969 2.059c1.356 1.356 3.585 1.324 4.98-.07a3.58 3.58 0 0 0 .898-3.632a4.4 4.4 0 0 0 1.257-.88c1.674-1.674 1.712-4.35.084-5.977a4.07 4.07 0 0 0-2.31-1.153l.035-.107c.398-1.417.056-2.98-1.036-4.071"/><path d="m6.344 20.486l-2.828-2.829c1.227-1.228 2.997-5.39 2.828-6.653c1.08.654 2.346.79 3.536.29l.707.706l1.06.354l.354 1.06l1.414 1.415c-.503.74-.702 1.67-.595 2.556a4 4 0 0 0-.395-.152c-1.857-.623-5.374 2.545-6.081 3.252"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m11.4 12.6l-1.52 1.522m-6.364 3.535l2.828 2.828c.707-.707 4.224-3.875 6.081-3.252q.215.072.395.152c-.107-.887.092-1.816.595-2.556L12 13.414l-.354-1.06l-1.06-.354l-.707-.707c-1.19.502-2.457.365-3.536-.29c.169 1.264-1.6 5.426-2.828 6.654Z"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M11.293 4.221c.115-.149.1-.256.427-.583c1.673-1.674 4.35-1.712 5.976-.084c1.092 1.091 1.434 2.654 1.036 4.07l-.036.108m-7.403-3.51c-1.639-1.458-4.143-1.514-5.758.1c-1.673 1.674-1.711 4.35-.084 5.977q.417.417.892.705c1.08.655 2.346.79 3.536.29l.707.706l1.06.354l.354 1.06l1.414 1.415c-.502.74-.702 1.67-.595 2.557c.092.768.415 1.504.969 2.058c1.356 1.356 3.585 1.324 4.98-.07a3.58 3.58 0 0 0 .898-3.632a4.4 4.4 0 0 0 1.257-.88c1.674-1.674 1.712-4.35.084-5.977a4.07 4.07 0 0 0-2.31-1.153m-7.404-3.51q.09.079.176.165c.942.943 1.126 1.79 1.238 2.663m4.95.707s.511-.101 1.04-.025"/></g></svg> </template>
CSS
.icon-broccoli {
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%22M17.696%203.554c-1.627-1.628-4.303-1.59-5.976.084c-.327.327-.312.434-.427.583c-1.639-1.457-4.143-1.513-5.758.101c-1.673%201.674-1.711%204.35-.084%205.977q.417.416.892.704c1.08.655%202.346.791%203.536.29l.707.707l1.06.353l.354%201.06l1.414%201.415c-.502.74-.702%201.67-.595%202.557c.092.768.415%201.505.969%202.059c1.356%201.356%203.585%201.324%204.98-.07a3.58%203.58%200%200%200%20.898-3.632a4.4%204.4%200%200%200%201.257-.88c1.674-1.674%201.712-4.35.084-5.977a4.07%204.07%200%200%200-2.31-1.153l.035-.107c.398-1.417.056-2.98-1.036-4.071%22%2F%3E%3Cpath%20d%3D%22m6.344%2020.486l-2.828-2.829c1.227-1.228%202.997-5.39%202.828-6.653c1.08.654%202.346.79%203.536.29l.707.706l1.06.354l.354%201.06l1.414%201.415c-.503.74-.702%201.67-.595%202.556a4%204%200%200%200-.395-.152c-1.857-.623-5.374%202.545-6.081%203.252%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22m11.4%2012.6l-1.52%201.522m-6.364%203.535l2.828%202.828c.707-.707%204.224-3.875%206.081-3.252q.215.072.395.152c-.107-.887.092-1.816.595-2.556L12%2013.414l-.354-1.06l-1.06-.354l-.707-.707c-1.19.502-2.457.365-3.536-.29c.169%201.264-1.6%205.426-2.828%206.654Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M11.293%204.221c.115-.149.1-.256.427-.583c1.673-1.674%204.35-1.712%205.976-.084c1.092%201.091%201.434%202.654%201.036%204.07l-.036.108m-7.403-3.51c-1.639-1.458-4.143-1.514-5.758.1c-1.673%201.674-1.711%204.35-.084%205.977q.417.417.892.705c1.08.655%202.346.79%203.536.29l.707.706l1.06.354l.354%201.06l1.414%201.415c-.502.74-.702%201.67-.595%202.557c.092.768.415%201.504.969%202.058c1.356%201.356%203.585%201.324%204.98-.07a3.58%203.58%200%200%200%20.898-3.632a4.4%204.4%200%200%200%201.257-.88c1.674-1.674%201.712-4.35.084-5.977a4.07%204.07%200%200%200-2.31-1.153m-7.404-3.51q.09.079.176.165c.942.943%201.126%201.79%201.238%202.663m4.95.707s.511-.101%201.04-.025%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%22M17.696%203.554c-1.627-1.628-4.303-1.59-5.976.084c-.327.327-.312.434-.427.583c-1.639-1.457-4.143-1.513-5.758.101c-1.673%201.674-1.711%204.35-.084%205.977q.417.416.892.704c1.08.655%202.346.791%203.536.29l.707.707l1.06.353l.354%201.06l1.414%201.415c-.502.74-.702%201.67-.595%202.557c.092.768.415%201.505.969%202.059c1.356%201.356%203.585%201.324%204.98-.07a3.58%203.58%200%200%200%20.898-3.632a4.4%204.4%200%200%200%201.257-.88c1.674-1.674%201.712-4.35.084-5.977a4.07%204.07%200%200%200-2.31-1.153l.035-.107c.398-1.417.056-2.98-1.036-4.071%22%2F%3E%3Cpath%20d%3D%22m6.344%2020.486l-2.828-2.829c1.227-1.228%202.997-5.39%202.828-6.653c1.08.654%202.346.79%203.536.29l.707.706l1.06.354l.354%201.06l1.414%201.415c-.503.74-.702%201.67-.595%202.556a4%204%200%200%200-.395-.152c-1.857-.623-5.374%202.545-6.081%203.252%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22m11.4%2012.6l-1.52%201.522m-6.364%203.535l2.828%202.828c.707-.707%204.224-3.875%206.081-3.252q.215.072.395.152c-.107-.887.092-1.816.595-2.556L12%2013.414l-.354-1.06l-1.06-.354l-.707-.707c-1.19.502-2.457.365-3.536-.29c.169%201.264-1.6%205.426-2.828%206.654Z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M11.293%204.221c.115-.149.1-.256.427-.583c1.673-1.674%204.35-1.712%205.976-.084c1.092%201.091%201.434%202.654%201.036%204.07l-.036.108m-7.403-3.51c-1.639-1.458-4.143-1.514-5.758.1c-1.673%201.674-1.711%204.35-.084%205.977q.417.417.892.705c1.08.655%202.346.79%203.536.29l.707.706l1.06.354l.354%201.06l1.414%201.415c-.502.74-.702%201.67-.595%202.557c.092.768.415%201.504.969%202.058c1.356%201.356%203.585%201.324%204.98-.07a3.58%203.58%200%200%200%20.898-3.632a4.4%204.4%200%200%200%201.257-.88c1.674-1.674%201.712-4.35.084-5.977a4.07%204.07%200%200%200-2.31-1.153m-7.404-3.51q.09.079.176.165c.942.943%201.126%201.79%201.238%202.663m4.95.707s.511-.101%201.04-.025%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/broccoli.svg?color=%231a73e8&size=48
