broccoli emoji
broccoli from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- broccoli
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji Flat
Use the broccoli emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00d26a" d="M18.762 21.174a.967.967 0 0 0-1.34-.28l-4.96 3.25l2.13-4.23c.24-.48.07-1.07-.4-1.32a.98.98 0 0 0-1.32.42l-2.15 4.26l-.34-5.92a.97.97 0 0 0-1.02-.91a.97.97 0 0 0-.91 1.02l.19 3.34c.08 1.4-.21 2.81-.84 4.06l-.97 1.93c-.32.64-.07 1.43.58 1.76l2.78 1.4c.64.32 1.43.07 1.76-.58l.97-1.93a7.9 7.9 0 0 1 2.76-3.09l2.8-1.84c.45-.29.58-.89.28-1.34"/><path fill="#008463" d="M26.362 12.384c.93-3.71-.79-7.69-4.35-9.49a8.36 8.36 0 0 0-10.21 2.15c-2.79-.66-5.78.64-7.12 3.32a6.34 6.34 0 0 0 6.23 9.17a3.937 3.937 0 0 0 5.96 3.01c.59.98 1.46 1.81 2.56 2.36a6.34 6.34 0 0 0 8.52-2.81c1.33-2.68.6-5.86-1.59-7.71"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatBroccoli(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00d26a" d="M18.762 21.174a.967.967 0 0 0-1.34-.28l-4.96 3.25l2.13-4.23c.24-.48.07-1.07-.4-1.32a.98.98 0 0 0-1.32.42l-2.15 4.26l-.34-5.92a.97.97 0 0 0-1.02-.91a.97.97 0 0 0-.91 1.02l.19 3.34c.08 1.4-.21 2.81-.84 4.06l-.97 1.93c-.32.64-.07 1.43.58 1.76l2.78 1.4c.64.32 1.43.07 1.76-.58l.97-1.93a7.9 7.9 0 0 1 2.76-3.09l2.8-1.84c.45-.29.58-.89.28-1.34"/><path fill="#008463" d="M26.362 12.384c.93-3.71-.79-7.69-4.35-9.49a8.36 8.36 0 0 0-10.21 2.15c-2.79-.66-5.78.64-7.12 3.32a6.34 6.34 0 0 0 6.23 9.17a3.937 3.937 0 0 0 5.96 3.01c.59.98 1.46 1.81 2.56 2.36a6.34 6.34 0 0 0 8.52-2.81c1.33-2.68.6-5.86-1.59-7.71"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00d26a" d="M18.762 21.174a.967.967 0 0 0-1.34-.28l-4.96 3.25l2.13-4.23c.24-.48.07-1.07-.4-1.32a.98.98 0 0 0-1.32.42l-2.15 4.26l-.34-5.92a.97.97 0 0 0-1.02-.91a.97.97 0 0 0-.91 1.02l.19 3.34c.08 1.4-.21 2.81-.84 4.06l-.97 1.93c-.32.64-.07 1.43.58 1.76l2.78 1.4c.64.32 1.43.07 1.76-.58l.97-1.93a7.9 7.9 0 0 1 2.76-3.09l2.8-1.84c.45-.29.58-.89.28-1.34"/><path fill="#008463" d="M26.362 12.384c.93-3.71-.79-7.69-4.35-9.49a8.36 8.36 0 0 0-10.21 2.15c-2.79-.66-5.78.64-7.12 3.32a6.34 6.34 0 0 0 6.23 9.17a3.937 3.937 0 0 0 5.96 3.01c.59.98 1.46 1.81 2.56 2.36a6.34 6.34 0 0 0 8.52-2.81c1.33-2.68.6-5.86-1.59-7.71"/></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M18.762%2021.174a.967.967%200%200%200-1.34-.28l-4.96%203.25l2.13-4.23c.24-.48.07-1.07-.4-1.32a.98.98%200%200%200-1.32.42l-2.15%204.26l-.34-5.92a.97.97%200%200%200-1.02-.91a.97.97%200%200%200-.91%201.02l.19%203.34c.08%201.4-.21%202.81-.84%204.06l-.97%201.93c-.32.64-.07%201.43.58%201.76l2.78%201.4c.64.32%201.43.07%201.76-.58l.97-1.93a7.9%207.9%200%200%201%202.76-3.09l2.8-1.84c.45-.29.58-.89.28-1.34%22%2F%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22M26.362%2012.384c.93-3.71-.79-7.69-4.35-9.49a8.36%208.36%200%200%200-10.21%202.15c-2.79-.66-5.78.64-7.12%203.32a6.34%206.34%200%200%200%206.23%209.17a3.937%203.937%200%200%200%205.96%203.01c.59.98%201.46%201.81%202.56%202.36a6.34%206.34%200%200%200%208.52-2.81c1.33-2.68.6-5.86-1.59-7.71%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M18.762%2021.174a.967.967%200%200%200-1.34-.28l-4.96%203.25l2.13-4.23c.24-.48.07-1.07-.4-1.32a.98.98%200%200%200-1.32.42l-2.15%204.26l-.34-5.92a.97.97%200%200%200-1.02-.91a.97.97%200%200%200-.91%201.02l.19%203.34c.08%201.4-.21%202.81-.84%204.06l-.97%201.93c-.32.64-.07%201.43.58%201.76l2.78%201.4c.64.32%201.43.07%201.76-.58l.97-1.93a7.9%207.9%200%200%201%202.76-3.09l2.8-1.84c.45-.29.58-.89.28-1.34%22%2F%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22M26.362%2012.384c.93-3.71-.79-7.69-4.35-9.49a8.36%208.36%200%200%200-10.21%202.15c-2.79-.66-5.78.64-7.12%203.32a6.34%206.34%200%200%200%206.23%209.17a3.937%203.937%200%200%200%205.96%203.01c.59.98%201.46%201.81%202.56%202.36a6.34%206.34%200%200%200%208.52-2.81c1.33-2.68.6-5.86-1.59-7.71%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/broccoli.svg?color=%231a73e8&size=48
