Ícone Composerize
selfhst:composerize
O ícone Composerize (selfhst:composerize) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/composerize.svg" alt="Ícone Composerize" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Composerize
O ícone Composerize é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Composerize no React?
Instale @iconify/react e renderize <Icon icon="selfhst:composerize" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Composerize a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/composerize.svg" alt="Ícone Composerize">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.