Icono Composerize
selfhst:composerize
El icono Composerize (selfhst:composerize) 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#838852" d="M462.7 512H49.3C22.1 512 0 489.9 0 462.7V49.3C0 22.1 22.1 0 49.3 0h413.4C489.9 0 512 22.1 512 49.3v413.4c0 27.2-22.1 49.3-49.3 49.3"/><path fill="#fff" d="M247.7 357.5c11.4 0 21-.9 28.8-2.6s13.9-4.3 18.3-7.6s7.6-7.3 9.5-11.9s2.8-9.6 2.8-15c0-7.9-1.9-14.7-5.7-20.2s-9-10.5-15.5-14.8q-9.75-6.45-22.2-11.4c-12.45-4.95-16.8-6.6-25.7-9.8q-12.9-4.8-25.5-10.5c-8.4-3.8-15.9-8.5-22.4-14.1c-6.5-5.5-11.8-12.2-16-20c-4.1-7.8-6.2-17.4-6.2-28.8c0-20.3 6-36.8 18.1-49.6c12.1-12.7 29.5-20.8 52.4-24.3V67.8h35.3v47.7c12.7.7 24.4 2.2 35 4.5c10.6 2.4 19.1 4.8 25.5 7.4l-8.1 33.4c-6.7-2.6-15.1-5.2-25.2-7.9c-10.2-2.7-23-4.1-38.6-4.1c-17.2 0-30.3 3.2-39.3 9.5c-9.1 6.4-13.6 15.6-13.6 27.6c0 6.7 1.4 12.2 4.1 16.7s6.6 8.4 11.7 11.9s11 6.7 17.9 9.5q10.2 4.35 23.1 9c10.8 4.1 21.3 8.5 31.4 13.1c10.2 4.6 19.1 10.1 26.7 16.4c7.6 6.4 13.7 14 18.3 22.9s6.9 19.5 6.9 31.9c0 18.8-6.2 34.6-18.6 47.7c-12.4 13-31.4 21.1-57.2 24.3v54.8h-35.3v-53.4c-20-.7-36.2-2.9-48.6-6.7s-21.6-7.5-27.6-11l10.5-32.9c8.6 4.1 18.7 8 30.5 11.7c11.9 3.8 26.7 5.7 44.5 5.7"/></svg>Cómo usar el icono Composerize
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:composerize" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:composerize" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:composerize" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--composerize]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:composerize"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:composerize"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/composerize.svg" alt="Icono Composerize" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Composerize
¿El icono Composerize 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 Composerize en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:composerize" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Composerize a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/composerize.svg" alt="Icono Composerize">, o pega el código SVG en línea para darle estilo con CSS.