Green Salad icon
fluent-emoji:green-salad
The Green Salad icon (fluent-emoji:green-salad) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- greensalad
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#i6tyqNb)" d="M18.69 30h-5.41C5.531 30 2 24.793 2 18.383V12.96h27.97v5.423C29.97 24.793 26.563 30 18.69 30"/><path fill="url(#i8jAF1d)" d="M21.97 7.18c3.19 0 5.78 2.59 5.78 5.78s-2.59 5.78-5.78 5.78H10c-3.19 0-5.78-2.59-5.78-5.78S6.81 7.18 10 7.18z"/><path fill="url(#iZvPWPe)" d="M21.97 6H10c-4.42 0-8 3.314-8 7.406s3.58 7.406 8 7.406h11.97c4.42 0 8-3.314 8-7.406S26.39 6 21.97 6"/><g filter="url(#ikDazHd)"><path fill="#DDDAE4" d="M21.768 6.188H10.013c-4.34 0-7.857 3.314-7.857 7.406S5.672 21 10.013 21h11.755c4.341 0 7.857-3.314 7.857-7.406s-3.516-7.406-7.857-7.406"/></g><path fill="url(#ijJ4MTd)" d="M27.172 11.406c-1.279-2.485-3.14-2.5-4.75-3.61S20.727 5.993 19.81 4.84a4.862 4.862 0 0 0-7.62 0c-1.124 1.41-1.221 2.41-2.471 3.082c-1.842.99-3.62.525-4.907 3.969c-.63 1.686-.454 2.89 0 3.906c1.412 3.152 6.047 3.484 11.235 3.484s7.234-.11 9.36-1.5c2.483-1.625 2.711-4.535 1.765-6.375"/><path fill="url(#iuGPdNe)" d="M27.172 11.406c-1.279-2.485-3.14-2.5-4.75-3.61S20.727 5.993 19.81 4.84a4.862 4.862 0 0 0-7.62 0c-1.124 1.41-1.221 2.41-2.471 3.082c-1.842.99-3.62.525-4.907 3.969c-.63 1.686-.454 2.89 0 3.906c1.412 3.152 6.047 3.484 11.235 3.484s7.234-.11 9.36-1.5c2.483-1.625 2.711-4.535 1.765-6.375"/><path fill="url(#iQ1ctIc)" d="M27.172 11.406c-1.279-2.485-3.14-2.5-4.75-3.61S20.727 5.993 19.81 4.84a4.862 4.862 0 0 0-7.62 0c-1.124 1.41-1.221 2.41-2.471 3.082c-1.842.99-3.62.525-4.907 3.969c-.63 1.686-.454 2.89 0 3.906c1.412 3.152 6.047 3.484 11.235 3.484s7.234-.11 9.36-1.5c2.483-1.625 2.711-4.535 1.765-6.375"/><g filter="url(#iu6ugNe)"><path fill="url(#iiBSDBd)" d="M27.156 15.074c-.504-.718-2.675-2.371-5.29-2.468c-2.83-.105-4.129 1.547-5.872 1.547c-1.208 0-4.35-1.647-5.856-1.547c-3.347.24-4.251 1.468-5.138 2.687c.612 1.656 2.182 2.815 4.801 3.297c2.462.453 9.73.553 11.973.188s4.48-1.375 5.382-3.704"/></g><path fill="url(#iesybXc)" d="M24.836 12.72a5.155 5.155 0 0 0 .08-6.63a.753.753 0 0 0-1.167-.01l-5.642 6.56a.767.767 0 0 0 .189 1.157a5.18 5.18 0 0 0 6.54-1.077"/><g filter="url(#iXCuqqc)"><path fill="url(#i9jhDhd)" d="M24.66 12.573a4.96 4.96 0 0 0 .074-6.264c-.276-.349-.617-.283-.902.066l-5.211 6.198c-.285.34-.377.782 0 1.017a4.704 4.704 0 0 0 6.04-1.017"/></g><g filter="url(#iLARpmb)"><path fill="url(#iSFsYFf)" d="M21.486 8.904a.5.5 0 0 0 .665-.746zm-2.183-3.091l.408-.29zm-2.672-2.297a.5.5 0 1 0-.25.968zm5.52 4.642c-.771-.689-1.39-1.157-2.44-2.635l-.816.579c1.123 1.58 1.821 2.116 2.59 2.802zm-2.44-2.635c-.864-1.216-2.298-1.806-3.08-2.007l-.25.968c.677.174 1.846.677 2.514 1.618z"/></g><path fill="url(#i9X2Q5b)" d="M23.073 11.143c1-1.16.87-2.91-.29-3.91l-3.62 4.2c1.16 1.01 2.91.87 3.91-.29"/><path fill="url(#i2DeGlo)" d="M27.375 15.375c-.516-.719-2.733-2.372-5.406-2.469c-2.893-.105-4.219 1.547-6 1.547c-1.235 0-4.445-1.647-5.985-1.547c-3.42.24-4.343 1.469-5.25 2.688c.625 1.656 2.23 2.815 4.907 3.297c2.515.453 9.941.552 12.234.187s4.578-1.375 5.5-3.703"/><g filter="url(#iWfFqHb)"><path stroke="url(#i6nNSWd)" stroke-linecap="round" d="M12.875 14.875c.708.313 2.219.813 4.156.813c1.938 0 2.469-1.594 5.282-1.47c2.25.1 4 1.24 4.312 1.72"/></g><g filter="url(#ilQXqje)"><path fill="#447437" d="M13.072 18.905a1.78 1.78 0 1 0 0-3.56a1.78 1.78 0 0 0 0 3.56"/></g><path fill="url(#i15WeBd)" d="M8.886 16.533c2.33 1.03 5.02.21 6.39-1.84c.26-.39.11-.93-.32-1.13l-7.93-3.51c-.44-.2-.94.05-1.06.51c-.59 2.39.59 4.94 2.92 5.97"/><g filter="url(#iQaione)"><path fill="#CF336F" d="M9.077 16.196a4.6 4.6 0 0 0 5.684-1.637c.231-.347-.003-.662-.386-.84l-7.054-3.123c-.392-.178-.735-.12-.842.289c-.525 2.126.525 4.394 2.598 5.31"/><path fill="url(#ihiMkBc)" d="M9.077 16.196a4.6 4.6 0 0 0 5.684-1.637c.231-.347-.003-.662-.386-.84l-7.054-3.123c-.392-.178-.735-.12-.842.289c-.525 2.126.525 4.394 2.598 5.31"/></g><path fill="url(#iOP4z5c)" d="M9.86 14.426a2.855 2.855 0 0 0 3.767-1.45L8.409 10.66a2.855 2.855 0 0 0 1.451 3.766"/><g filter="url(#iRXPE8d)"><path fill="#346433" d="M13.76 12c1.195 0 2.605-1.134 2.605-2.33s-.97-2.166-2.166-2.166s-2.605 1.439-2.605 2.635S12.564 12 13.759 12"/></g><path fill="url(#ibEfwye)" d="M14.62 11.084a1.833 1.833 0 1 0 0-3.666a1.833 1.833 0 0 0 0 3.666"/><path fill="url(#ik6vkTc)" d="M13.517 18.64a1.78 1.78 0 1 0 0-3.56a1.78 1.78 0 0 0 0 3.56"/><g filter="url(#ilKrhEc)"><path fill="#588D2F" d="M23.219 17.125c1.01 0 2.26-.967 2.26-1.978c0-1.01-.82-1.83-1.83-1.83s-2.212 1.141-2.212 2.152c0 1.01.771 1.656 1.782 1.656"/></g><path fill="url(#iiOu4IZ)" d="M24.17 16.582a1.83 1.83 0 1 0 0-3.66a1.83 1.83 0 0 0 0 3.66"/><defs><linearGradient id="i6tyqNb" x1="2" x2="29.97" y1="20.125" y2="20.125" gradientUnits="userSpaceOnUse"><stop stop-color="#BBBAC0"/><stop offset=".125" stop-color="#BCB5C9"/><stop offset=".264" stop-color="#BDB2CD"/><stop offset=".509" stop-color="#BBADCD"/><stop offset=".751" stop-color="#BAADCC"/><stop offset=".831" stop-color="#BFB5CE"/><stop offset="1" stop-color="#D8D7DE"/></linearGradient><linearGradient id="i8jAF1d" x1="4.216" x2="27.754" y1="12.961" y2="12.961" gradientUnits="userSpaceOnUse"><stop stop-color="#5E669C"/><stop offset="1" stop-color="#513468"/></linearGradient><linearGradient id="iZvPWPe" x1="2" x2="29.438" y1="11.5" y2="11.5" gradientUnits="userSpaceOnUse"><stop stop-color="#B5B5BA"/><stop offset="1" stop-color="#F5F6FB"/></linearGradient><linearGradient id="ijJ4MTd" x1="4.403" x2="28.625" y1="9.5" y2="9.5" gradientUnits="userSpaceOnUse"><stop stop-color="#1A4A2D"/><stop offset=".319" stop-color="#437943"/><stop offset=".536" stop-color="#5C9248"/><stop offset=".85" stop-color="#5F9231"/><stop offset=".954" stop-color="#3C8511"/></linearGradient><linearGradient id="iiBSDBd" x1="5.443" x2="27.156" y1="14.938" y2="14.938" gradientUnits="userSpaceOnUse"><stop stop-color="#154428"/><stop offset=".513" stop-color="#376728"/><stop offset="1" stop-color="#3B830F"/></linearGradient><linearGradient id="iesybXc" x1="24.625" x2="22.003" y1="9.75" y2="7.625" gradientUnits="userSpaceOnUse"><stop stop-color="#F05879"/><stop offset="1" stop-color="#9B2938"/></linearGradient><linearGradient id="i9jhDhd" x1="24.985" x2="18.659" y1="7.05" y2="13.638" gradientUnits="userSpaceOnUse"><stop stop-color="#D7355D"/><stop offset=".428" stop-color="#D13464"/><stop offset=".831" stop-color="#BB3463"/><stop offset="1" stop-color="#A82B5B"/></linearGradient><linearGradient id="i9X2Q5b" x1="20.875" x2="23.063" y1="9.125" y2="11" gradientUnits="userSpaceOnUse"><stop offset=".056" stop-color="#962239"/><stop offset=".313" stop-color="#AE3153"/></linearGradient><linearGradient id="i2DeGlo" x1="4.734" x2="27.375" y1="16.75" y2="16.75" gradientUnits="userSpaceOnUse"><stop stop-color="#4B7740"/><stop offset=".696" stop-color="#66933A"/></linearGradient><linearGradient id="i15WeBd" x1="8.219" x2="10.344" y1="16.156" y2="11.656" gradientUnits="userSpaceOnUse"><stop offset=".873" stop-color="#AB2C59"/><stop offset="1" stop-color="#E0427A"/></linearGradient><linearGradient id="iOP4z5c" x1="10.895" x2="9.844" y1="11.813" y2="14.406" gradientUnits="userSpaceOnUse"><stop stop-color="#C34765"/><stop offset=".176" stop-color="#B03256"/></linearGradient><filter id="ikDazHd" width="28.469" height="15.813" x="1.656" y="5.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".25"/></filter><filter id="iu6ugNe" width="24.156" height="8.399" x="4" y="11.601" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".5"/></filter><filter id="iXCuqqc" width="7.941" height="8.688" x="18.121" y="5.828" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".125"/></filter><filter id="iLARpmb" width="7.313" height="6.531" x="15.506" y="3" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".25"/></filter><filter id="iWfFqHb" width="15.75" height="3.726" x="11.875" y="13.212" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".25"/></filter><filter id="ilQXqje" width="5.561" height="5.561" x="10.292" y="14.345" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".5"/></filter><filter id="iQaione" width="9.008" height="6.59" x="6.095" y="10.251" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".125"/></filter><filter id="iRXPE8d" width="6.771" height="6.496" x="10.594" y="6.504" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".5"/></filter><filter id="ilKrhEc" width="5.041" height="4.808" x="20.938" y="12.817" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30610" stdDeviation=".25"/></filter><radialGradient id="iuGPdNe" cx="0" cy="0" r="1" gradientTransform="matrix(-6.68755 8.62496 -7.5792 -5.8767 24.688 3)" gradientUnits="userSpaceOnUse"><stop stop-color="#5E9B4B"/><stop offset="1" stop-color="#67A257" stop-opacity="0"/></radialGradient><radialGradient id="iQ1ctIc" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.71875 -14.1704 0 16.045 15.563)" gradientUnits="userSpaceOnUse"><stop stop-color="#306420"/><stop offset="1" stop-color="#396929" stop-opacity="0"/></radialGradient><radialGradient id="iSFsYFf" cx="0" cy="0" r="1" gradientTransform="matrix(-3.75 0 0 -4.39655 19.444 6.266)" gradientUnits="userSpaceOnUse"><stop stop-color="#86B76D"/><stop offset="1" stop-color="#87BB71" stop-opacity="0"/></radialGradient><radialGradient id="i6nNSWd" cx="0" cy="0" r="1" gradientTransform="matrix(-4 5.19072 -24.36683 -18.77719 24.688 15.122)" gradientUnits="userSpaceOnUse"><stop stop-color="#91BA60"/><stop offset=".272" stop-color="#74A048"/><stop offset="1" stop-color="#709D4A" stop-opacity="0"/></radialGradient><radialGradient id="ihiMkBc" cx="0" cy="0" r="1" gradientTransform="matrix(-2 .25 -.27664 -2.21315 13.25 16.75)" gradientUnits="userSpaceOnUse"><stop offset=".66" stop-color="#AD1A46"/><stop offset=".885" stop-color="#AE1A49" stop-opacity="0"/></radialGradient><radialGradient id="ibEfwye" cx="0" cy="0" r="1" gradientTransform="rotate(135.764 6.16 7.42)scale(3.31486)" gradientUnits="userSpaceOnUse"><stop offset=".142" stop-color="#FFEC56"/><stop offset=".502" stop-color="#F5D03B"/><stop offset="1" stop-color="#AC831E"/></radialGradient><radialGradient id="ik6vkTc" cx="0" cy="0" r="1" gradientTransform="rotate(135.764 4.042 11.005)scale(3.21939)" gradientUnits="userSpaceOnUse"><stop offset=".142" stop-color="#FFDB57"/><stop offset=".502" stop-color="#F3C046"/><stop offset="1" stop-color="#BA8544"/></radialGradient><radialGradient id="iiOu4IZ" cx="0" cy="0" r="1" gradientTransform="rotate(135.764 9.816 12.11)scale(3.30917)" gradientUnits="userSpaceOnUse"><stop offset=".142" stop-color="#FFE75C"/><stop offset=".502" stop-color="#ECBF40"/><stop offset="1" stop-color="#B28433"/></radialGradient></defs></g></svg>How to use the Green Salad icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:green-salad" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:green-salad" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:green-salad" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--green-salad]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:green-salad"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:green-salad"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/green-salad.svg" alt="Green Salad icon" width="24" height="24">Related icons in Fluent Emoji
Green Salad icon in other icon sets
Green Salad icon FAQ
Is the Green Salad icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Green Salad icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:green-salad" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Green Salad icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/green-salad.svg" alt="Green Salad icon">, or paste the SVG code inline to style it with CSS.