Ícone Composerize Dark
selfhst:composerize-dark
O ícone Composerize Dark (selfhst:composerize-dark) é 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
- Tags
- composerizedark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M462.7 0H49.3C22.1 0 0 22.1 0 49.3v413.4C0 489.9 22.1 512 49.3 512h413.4c27.2 0 49.3-22.1 49.3-49.3V49.3C512 22.1 489.9 0 462.7 0M331 365.1c-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.7 3.6 26.5 5.5 44.3 5.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-8.3-3.3-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.3v-49h35.3v47.7c12.7.7 24.4 2.2 35 4.5s19.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.4s13.7 14 18.3 22.9s6.9 19.5 6.9 31.9c.2 18.9-6 34.8-18.4 47.8"/></svg>Como usar o ícone Composerize Dark
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:composerize-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:composerize-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:composerize-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--composerize-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:composerize-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:composerize-dark"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/composerize-dark.svg" alt="Ícone Composerize Dark" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Composerize Dark
O ícone Composerize Dark é 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 Dark no React?
Instale @iconify/react e renderize <Icon icon="selfhst:composerize-dark" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Composerize Dark a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/composerize-dark.svg" alt="Ícone Composerize Dark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.