Icono Susy
logos:susy
El icono Susy (logos:susy) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 228. SVG Logos icons se publican bajo la licencia CC0, 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
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 228
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="228" viewBox="0 0 256 228"><path fill="#ff0080" d="M0 110.558v-3.22c12.546-10.645 28.043-25.5 39.605-38.127l5.903 3.961c-6.64 11.885-16.234 24.759-25.582 34.415c14.76 18.569 15.497 19.56 25.09 35.406l-5.411 3.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204 57.552l10.51-5.254c19.705 29.88 50.905 50.566 75.865 50.566c23.975 0 41.054-17.075 41.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744 27.252 85.017 0 117.203 0c8.867 0 8.21 0 28.901 6.239c2.955.985 6.897 1.642 8.539 1.642c2.298 0 5.583-.985 8.54-2.299L174.346.001l20.363 56.803l-10.51 6.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69 0-36.126 15.432-36.126 36.446c0 20.685 14.122 34.148 43.351 41.7c14.123 3.612 24.303 6.567 29.23 7.88c29.558 8.864 47.293 32.178 47.293 61.4c0 37.103-28.572 65.997-64.699 65.997c-11.166 0-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284 0-5.583.985-9.524 3.283l-12.48 7.88zm161.025-25.116c9.594-16.094 10.086-16.836 24.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317 12.627 26.322 26.987 39.36 38.128v3.22l-12.546 10.398c-4.674 3.962-18.203 16.837-27.059 25.998z"/></svg>Cómo usar el icono Susy
React
import { Icon } from "@iconify/react";
<Icon icon="logos:susy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:susy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:susy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--susy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:susy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:susy"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/susy.svg" alt="Icono Susy" width="24" height="24">Preguntas frecuentes sobre Icono Susy
¿El icono Susy es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Susy en React?
Instala @iconify/react y renderiza <Icon icon="logos:susy" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Susy a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/susy.svg" alt="Icono Susy">, o pega el código SVG en línea para darle estilo con CSS.