ICONYZ
Español
Icono Lemonade Ai de selfh.st/icons

Icono Lemonade Ai

selfhst:lemonade-ai

El icono Lemonade Ai (selfhst:lemonade-ai) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
selfh.st/icons
Autor
selfh.st
Licencia
CC-BY-4.0
Tamaño
512 × 512
Etiquetas
lemonadeai
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGSluVtcFh" x1="0" x2="221.011" y1="460.167" y2="460.167" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#80a338"/><stop offset="1" stop-color="#b3d745"/></linearGradient><path fill="url(#SVGSluVtcFh)" d="M92.1 9L0 55c15.1 42.7 64.5 64.5 110.5 46L221 55C205.9 12.1 143.5-15.1 92.1 9"/><linearGradient id="SVGAUMond5t" x1="-.018" x2="220.992" y1="459.209" y2="459.209" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#95bd27"/><stop offset="1" stop-color="#bae038"/></linearGradient><path fill="url(#SVGAUMond5t)" d="m11.8 59.6l83.8-41.9c24.7-10.6 51.6-7.5 72.9.2c18.3 6.6 32.5 18 40.3 32.5L107 92.8c-38.7 15.4-79.1-.7-95.2-33.2"/><linearGradient id="SVGWck7IemC" x1="212.816" x2="80.473" y1="475.544" y2="492.758" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d1f56e" stop-opacity="0"/><stop offset=".286" stop-color="#d1f56e"/><stop offset="1" stop-color="#d1f56e" stop-opacity="0"/></linearGradient><path fill="url(#SVGWck7IemC)" d="M54.9 39.7L99.3 14c24.7-10.6 51.6-7.5 72.9.2c18.3 6.6 32.5 18 40.3 32.5c-58-28.5-67.4-38.8-157.6-7"/><radialGradient id="SVGXRCc0dgH" cx="-705.862" cy="871.903" r="18.286" gradientTransform="rotate(-64.852 -3716.439 16100.6)scale(-17.6305 14.9182)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fffb98"/><stop offset=".505" stop-color="#ffd84c"/><stop offset="1" stop-color="#e6b534"/></radialGradient><path fill="url(#SVGXRCc0dgH)" d="M236.3 47.5C137.5 82.4 85.8 191.1 120.5 290.2l22.9 65.1c25.7 72.9 91.2 120.4 163.3 126.3c13.6 1.1 26.3 7 36.5 16.2c14.6 13.2 35.6 18.1 55.3 11.1s33.1-24 36.3-43.4c2.1-13.6 8.3-25.9 18.2-35.5c52.4-50.2 73.8-128.2 48.1-201.2l-22.9-65.1C443.5 64.3 335.1 12.4 236.3 47.5"/><radialGradient id="SVGlhyJaduq" cx="-679.252" cy="829.813" r="18.286" gradientTransform="rotate(249.334 2724.65 15623.41)scale(-26.7531 22.6372)" 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><path fill="url(#SVGlhyJaduq)" d="M236.3 47.5C137.5 82.4 85.8 191.1 120.5 290.2l22.9 65.1c25.7 72.9 91.2 120.4 163.3 126.3c13.6 1.1 26.3 7 36.5 16.2c14.6 13.2 35.6 18.1 55.3 11.1s33.1-24 36.3-43.4c2.1-13.6 8.3-25.9 18.2-35.5c52.4-50.2 73.8-128.2 48.1-201.2l-22.9-65.1C443.5 64.3 335.1 12.4 236.3 47.5"/><radialGradient id="SVG5yqijddO" cx="-701.727" cy="809.385" r="18.286" gradientTransform="rotate(236.122 8381.207 26975.646)scale(-51.359 43.4576)" gradientUnits="userSpaceOnUse"><stop offset=".708" stop-color="#d5b638"/><stop offset=".874" stop-color="#d5b638" stop-opacity="0"/></radialGradient><path fill="url(#SVG5yqijddO)" d="M236.3 47.5C137.5 82.4 85.8 191.1 120.5 290.2l22.9 65.1c25.7 72.9 91.2 120.4 163.3 126.3c13.6 1.1 26.3 7 36.5 16.2c14.6 13.2 35.6 18.1 55.3 11.1s33.1-24 36.3-43.4c2.1-13.6 8.3-25.9 18.2-35.5c52.4-50.2 73.8-128.2 48.1-201.2l-22.9-65.1C443.5 64.3 335.1 12.4 236.3 47.5"/></svg>

Cómo usar el icono Lemonade Ai

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:lemonade-ai" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:lemonade-ai" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:lemonade-ai" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--lemonade-ai]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:lemonade-ai"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:lemonade-ai"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/selfhst/lemonade-ai.svg" alt="Icono Lemonade Ai" width="24" height="24">

Preguntas frecuentes sobre Icono Lemonade Ai

¿El icono Lemonade Ai es gratis para uso comercial?

Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Lemonade Ai en React?

Instala @iconify/react y renderiza <Icon icon="selfhst:lemonade-ai" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Lemonade Ai a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/lemonade-ai.svg" alt="Icono Lemonade Ai">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los selfh.st/icons →