Icône Composerize Dark

selfhst:composerize-dark

L'icône Composerize Dark (selfhst:composerize-dark) 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
Mots-clés: composerizedark

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/composerize-dark.svg" alt="Icône Composerize Dark" width="24" height="24">

Icônes similaires dans selfh.st/icons

FAQ : Icône Composerize Dark

L'icône Composerize Dark 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 Dark dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:composerize-dark" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Composerize Dark à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/composerize-dark.svg" alt="Icône Composerize Dark">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →