Icône Composerize
selfhst:composerize
L'icône Composerize (selfhst:composerize) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- selfh.st/icons
- Auteur
- selfh.st
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/composerize.svg" alt="Icône Composerize" width="24" height="24">Icônes similaires dans selfh.st/icons
FAQ : Icône Composerize
L'icône Composerize est-elle gratuite pour un usage commercial ?
Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Composerize dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:composerize" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Composerize à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/composerize.svg" alt="Icône Composerize">, ou collez le code SVG directement dans la page pour le styliser en CSS.