Ícone Lemon
fluent-emoji:lemon
O ícone Lemon (fluent-emoji:lemon) é um ícone SVG gratuito da coleção Fluent Emoji de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iCQrqpb)" d="M7.036 2.492L2 5.01c.826 2.336 3.525 3.525 6.043 2.518l6.044-2.518C13.26 2.663 9.85 1.177 7.035 2.492"/><g filter="url(#iZdpHfe)"><path fill="url(#iBCatEc)" d="m2.646 5.26l4.582-2.29c1.352-.579 2.822-.411 3.985.008c.998.36 1.778.983 2.205 1.775l-5.566 2.32c-2.117.844-4.329-.037-5.206-1.813"/></g><g filter="url(#iwBNVab)"><path fill="url(#i5PP5me)" d="M5.005 4.172L7.43 2.77c1.353-.578 2.823-.411 3.986.008c.998.36 1.777.983 2.205 1.776c-3.17-1.557-3.686-2.123-8.616-.38"/></g><path fill="url(#iOlnARc)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><path fill="url(#i85HNJe)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><path fill="url(#ibUQJZd)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><defs><radialGradient id="iOlnARc" cx="0" cy="0" r="1" gradientTransform="rotate(115.148 7.243 12.02)scale(17.6305 14.9181)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFB98"/><stop offset=".505" stop-color="#FFD84C"/><stop offset="1" stop-color="#E6B534"/></radialGradient><radialGradient id="i85HNJe" cx="0" cy="0" r="1" gradientTransform="matrix(9.44156 25.03168 -21.18062 7.989 14.624 4.968)" gradientUnits="userSpaceOnUse"><stop offset=".522" stop-color="#FFDE67" stop-opacity="0"/><stop offset=".736" stop-color="#FFA457" stop-opacity=".2"/><stop offset=".886" stop-color="#D5676D" stop-opacity=".75"/><stop offset=".918" stop-color="#E88257"/><stop offset="1" stop-color="#F49754"/></radialGradient><radialGradient id="ibUQJZd" cx="0" cy="0" r="1" gradientTransform="matrix(28.62918 42.63926 -36.07943 24.22473 -10.594 -28.473)" gradientUnits="userSpaceOnUse"><stop offset=".708" stop-color="#D5B638"/><stop offset=".874" stop-color="#D5B638" stop-opacity="0"/></radialGradient><linearGradient id="iCQrqpb" x1="2" x2="14.086" y1="5.009" y2="5.009" gradientUnits="userSpaceOnUse"><stop stop-color="#80A338"/><stop offset="1" stop-color="#B3D745"/></linearGradient><linearGradient id="iBCatEc" x1="1.999" x2="14.085" y1="5.02" y2="5.02" gradientUnits="userSpaceOnUse"><stop stop-color="#95BD27"/><stop offset="1" stop-color="#BAE038"/></linearGradient><linearGradient id="i5PP5me" x1="13.621" x2="6.383" y1="4.24" y2="3.298" gradientUnits="userSpaceOnUse"><stop stop-color="#D1F56E" stop-opacity="0"/><stop offset=".286" stop-color="#D1F56E"/><stop offset="1" stop-color="#D1F56E" stop-opacity="0"/></linearGradient><filter id="iZdpHfe" width="12.283" height="6.31" x="1.89" y="1.841" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30102" stdDeviation=".378"/></filter><filter id="iwBNVab" width="10.127" height="3.667" x="4.249" y="1.641" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30102" stdDeviation=".378"/></filter></defs></g></svg>Como usar o ícone Lemon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:lemon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:lemon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:lemon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--lemon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:lemon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:lemon"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/lemon.svg" alt="Ícone Lemon" width="24" height="24">O ícone Lemon em outras coleções
Perguntas frequentes sobre Ícone Lemon
O ícone Lemon é grátis para uso comercial?
Sim. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Lemon no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji:lemon" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Lemon a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji/lemon.svg" alt="Ícone Lemon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.