Icono Abacatepay

thesvg-color:abacatepay

El icono Abacatepay (thesvg-color:abacatepay) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 29 × 30. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: theSVG Color
Autor: thesvg.org
Licencia: MIT
Tamaño: 29 × 30

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="29" height="30" viewBox="0 0 29 30"><g fill="none"><path fill="#244c4e" d="M24.802 18.996c.173-1.966-.358-3.87 1.094-5.263l.9-.864a6.18 6.18 0 0 0 1.918-4.451c0-1.67-.69-3.27-1.918-4.452L24.78 2.03l-1.452 1.394a6.66 6.66 0 0 0-4.454 1.841l-.228.208a8.85 8.85 0 0 1-5.408 2.413a11.7 11.7 0 0 0-7.174 3.204a10.73 10.73 0 0 0-3.052 5.342a10.44 10.44 0 0 0 .43 6.078l-.738.708l2.764 2.652a11.4 11.4 0 0 0 3.671 2.356c1.374.546 2.846.827 4.332.827c1.487 0 2.959-.28 4.332-.827a11.4 11.4 0 0 0 3.672-2.356c1.918-1.841 3.1-4.275 3.327-6.875"/><path fill="#337d63" d="M20.14 1.588a5.86 5.86 0 0 1 5.413 3.622a5.87 5.87 0 0 1-1.267 6.391l-.205.205a7.76 7.76 0 0 0-2.245 4.84a10.32 10.32 0 0 1-2.98 6.416a10.1 10.1 0 0 1-7.156 2.97a10.1 10.1 0 0 1-7.156-2.97a10.12 10.12 0 0 1-2.193-11.03A10.1 10.1 0 0 1 4.544 8.75a10.28 10.28 0 0 1 6.412-2.98a7.75 7.75 0 0 0 4.834-2.25l.205-.205a5.8 5.8 0 0 1 4.145-1.728m0-1.588a7.4 7.4 0 0 0-5.266 2.182l-.195.205a6.24 6.24 0 0 1-3.853 1.793a11.88 11.88 0 0 0-7.394 3.435A11.67 11.67 0 0 0 0 15.9c0 3.133 1.22 6.07 3.432 8.285a11.62 11.62 0 0 0 8.28 3.435c3.13 0 6.065-1.22 8.278-3.435a11.94 11.94 0 0 0 3.443-7.4a6.16 6.16 0 0 1 1.792-3.855l.205-.206a7.42 7.42 0 0 0 2.18-5.27a7.42 7.42 0 0 0-2.18-5.272A7.48 7.48 0 0 0 20.14 0"/><path fill="#89ba4f" d="m24.087 11.81l.205-.206a5.86 5.86 0 0 0 1.271-6.393a5.863 5.863 0 0 0-9.56-1.903l-.205.205a7.75 7.75 0 0 1-4.836 2.247a10.28 10.28 0 0 0-6.411 2.982A10.12 10.12 0 0 0 2.358 19.77a10.12 10.12 0 0 0 9.344 6.248a10.1 10.1 0 0 0 7.15-2.965a10.3 10.3 0 0 0 2.98-6.416a7.83 7.83 0 0 1 2.255-4.829"/><path fill="#9eea6c" d="m24.087 11.81l.205-.206a5.86 5.86 0 0 0 1.271-6.393a5.863 5.863 0 0 0-9.56-1.903l-.205.205a7.75 7.75 0 0 1-4.836 2.247a10.28 10.28 0 0 0-6.411 2.982A10.12 10.12 0 0 0 2.358 19.77a10.12 10.12 0 0 0 9.344 6.248a10.1 10.1 0 0 0 7.15-2.965a10.3 10.3 0 0 0 2.98-6.416a7.83 7.83 0 0 1 2.255-4.829"/><path fill="#804b35" d="M12.185 20.193a4.704 4.704 0 0 0 4.706-4.71a4.71 4.71 0 0 0-4.706-4.71a4.704 4.704 0 0 0-4.707 4.71a4.71 4.71 0 0 0 4.707 4.71"/></g></svg>

Cómo usar el icono Abacatepay

React

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

<Icon icon="thesvg-color:abacatepay" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:abacatepay" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:abacatepay" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--abacatepay]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:abacatepay"></div>

Web component

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

<iconify-icon icon="thesvg-color:abacatepay"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/abacatepay.svg" alt="Icono Abacatepay" width="24" height="24">

Preguntas frecuentes sobre Icono Abacatepay

¿El icono Abacatepay es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Abacatepay en React?

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

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

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

Ver todos los Iconos theSVG Color →