Icône Supercell

simple-icons:supercell

L'icône Supercell (simple-icons:supercell) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Simple Icons
Auteur: Simple Icons Collaborators
Licence: CC0-1.0
Taille: 24 × 24

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.997 21.76H0v-1.583h.673v-3.01H0v-1.592h6.997l.68.747v2.14H5.759v-1.296H3.134v.927h1.132v1.15H3.134v.934h2.624v-1.296h1.92v2.14zm0-6.68H0V13.5h.673v-3.01H0V8.896h6.997l.68.747v2.14H5.759v-1.296H3.134v.927h1.132v1.149H3.134v.934h2.624v-1.295h1.92v2.14zm-.51-6.65h-4.29l-.507-.54l-.451.542H0V6.545h1.73v.534h3.232v-.903H1.116L0 5.15V3.625l1.28-1.378h3.854l.509.542l.45-.542h1.24v1.887H5.6V3.6H2.674v.902h3.748l1.263 1.19v1.443zm16.83 13.33H16.31v-1.584h.672v-3.01h-.672v-1.592h3.805v1.592h-.672v3.01h2.636v-1.997h1.92v2.842zm-8.157 0H8.153v-1.583h.673v-3.01h-.673v-1.592h3.806v1.592h-.673v3.01h2.636V18.18h1.92v2.842zm7.452-6.68h-4.676l-1.615-1.581v-3.02l1.616-1.584h3.684l.459.575l.45-.575H24V11.5h-1.92v-1.02h-3.24v3.02h3.24v-1.04h1.919v1.27zM21.555 3.829h-2.1v1.083h2.1zm1.476 2.157h-3.576v.853h.673v1.584h-3.806V6.839h.672v-3.01h-.672v-1.59h6.595l1.082 1.082v1.698zm-7.772-2.15v3.233l-1.37 1.362h-3.69L8.836 7.069V3.837h-.673V2.246h3.724v1.59h-.59v3.01h2.083v-3.01h-.509v-1.59h2.97v1.59zm-2.562 6.65h-1.41v1.026h1.41zm.681 4.593l-.68-.68V12.47h-1.412v1.025h.5v1.583H8.154v-1.583h.673v-3.01h-.673v-1.59h6.078l1.026 1.025v1.28l-.911.68l.91.69v1.148h.575v1.361z"/></svg>

Comment utiliser l'icône Supercell

React

import { Icon } from "@iconify/react";

<Icon icon="simple-icons:supercell" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-icons:supercell" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-icons:supercell" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--supercell]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:supercell"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-icons:supercell"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/supercell.svg" alt="Icône Supercell" width="24" height="24">

L'icône Supercell dans d'autres collections

FAQ : Icône Supercell

L'icône Supercell est-elle gratuite pour un usage commercial ?

Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Supercell dans React ?

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

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

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

Voir toutes les Simple Icons →