Icône Cpanel
cib:cpanel
L'icône Cpanel (cib:cpanel) est une icône SVG gratuite de la collection CoreUI Brands par creativeLabs Łukasz Holeczek. Elle est dessinée sur une grille de 32 × 32. Les CoreUI Brands 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
- CoreUI Brands
- Auteur
- creativeLabs Łukasz Holeczek
- Licence
- CC0-1.0
- Taille
- 32 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.515 14.21a2.61 2.61 0 0 0-2.55-2.06h-1.85a.73.73 0 0 0-.715.545L3.655 19.2l1.235-.005a.74.74 0 0 0 .71-.535l1.29-4.785h.99a.934.934 0 1 1 0 1.87h-.515c-.35 0-.625.23-.715.54l-.32 1.19h1.6c1.86 0 2.915-1.81 2.585-3.265m-7.825 1.4h.93c.345 0 .62-.22.715-.545l.31-1.18h-2c-1.145 0-2.195.705-2.56 2.055A2.597 2.597 0 0 0 2.6 19.2h.62l.355-1.305a.328.328 0 0 0-.32-.415H2.69c-1.235 0-1.245-1.87 0-1.87m12.375-1.74H11.17l-.175.67c-.12.48.225.925.71.925h2.875c.2 0 .12.215.105.265l-.43 1.59c-.02.07-.045.265-.275.265h-1.745c-.265 0-.265-.395 0-.395h1.08c.34 0 .615-.23.71-.54l.175-.66h-2.42c-1.96 0-2.18 3.19-.035 3.19l2.875.01c.56 0 1.03-.36 1.17-.89l.7-2.59c.24-.96-.485-1.84-1.425-1.84m16.59-1.72h-.945c-.245 0-.46.16-.52.395L28.41 19.2c1.035 0 1.99-.69 2.245-1.725l1.325-4.91a.326.326 0 0 0-.325-.415M19.84 13.885v.005h-2.415l-1.31 4.9c-.06.22.11.415.32.415h.945c.24 0 .46-.15.52-.39l.86-3.2h.99c.625 0 1.07.59.905 1.17l-.53 2a.323.323 0 0 0 .32.415h.955c.23 0 .455-.145.515-.39l.44-1.655c.45-1.655-.795-3.27-2.515-3.27m4.915 3.73c-.18 0-.3-.17-.255-.335l.4-1.5c.045-.195.185-.3.39-.3h1.645c.13 0 .23.12.195.255l-.035.13q-.045.15-.195.15h-1.08c-.35 0-.63.23-.71.54l-.175.65h2.67c.525 0 1.015-.33 1.16-.88l.16-.6a1.46 1.46 0 0 0-1.415-1.84h-2.365c-.895 0-1.69.6-1.93 1.48l-.54 2A1.456 1.456 0 0 0 24.09 19.2h3.335a.74.74 0 0 0 .71-.535l.285-1.05z"/></svg>
Comment utiliser l'icône Cpanel
React
import { Icon } from "@iconify/react";
<Icon icon="cib:cpanel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:cpanel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:cpanel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--cpanel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:cpanel"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:cpanel"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/cib/cpanel.svg" alt="Icône Cpanel" width="24" height="24">
L'icône Cpanel dans d'autres collections
FAQ : Icône Cpanel
L'icône Cpanel est-elle gratuite pour un usage commercial ?
Oui. Les CoreUI Brands 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 Cpanel dans React ?
Installez @iconify/react et affichez <Icon icon="cib:cpanel" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cpanel à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cib/cpanel.svg" alt="Icône Cpanel">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes CoreUI Brands →
ICONYZ
