Icône Cl Button

emojione-v1:cl-button

L'icône Cl Button (emojione-v1:cl-button) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (v1)
Auteur: Emoji One
Licence: CC-BY-SA-4.0
Taille: 64 × 64
Catégorie: Symboles
Mots-clés: clbutton

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ec1c24" d="M63.667 56.802a6.863 6.863 0 0 1-6.864 6.868H6.86A6.864 6.864 0 0 1 0 56.802V6.864A6.863 6.863 0 0 1 6.86 0h49.942a6.863 6.863 0 0 1 6.864 6.864v49.938z"/><path fill="#fff" d="M36.24 38.848q-.002 1.758-.864 3.804q-.867 2.047-2.729 4.02q-1.858 1.97-4.744 3.199q-2.89 1.232-6.731 1.232q-2.917-.001-5.297-.554q-2.388-.552-4.334-1.719q-1.945-1.17-3.579-3.076a18.4 18.4 0 0 1-2.486-3.88a20.4 20.4 0 0 1-1.547-4.582a25.3 25.3 0 0 1-.513-5.176c0-2.961.429-5.617 1.295-7.959q1.293-3.514 3.704-6.02a16.1 16.1 0 0 1 5.646-3.806q3.244-1.304 6.91-1.306q4.468 0 7.958 1.783q3.492 1.785 5.351 4.406q1.856 2.626 1.857 4.963q-.001 1.28-.904 2.261q-.904.977-2.185.978q-1.432 0-2.147-.679c-.476-.452-1.01-1.232-1.593-2.337q-1.458-2.736-3.429-4.091q-1.971-1.356-4.86-1.357q-4.597.002-7.32 3.491c-1.814 2.327-2.727 5.634-2.727 9.92q.001 4.295 1.208 7.144c.804 1.898 1.942 3.32 3.414 4.257q2.216 1.406 5.173 1.406c2.146 0 3.954-.529 5.438-1.594c1.483-1.063 2.598-2.624 3.354-4.684q.476-1.457 1.182-2.376q.698-.915 2.256-.915q1.334-.001 2.286.931q.957.928.957 2.31m9.12-21.291v26.797h10.869q1.807 0 2.777.878c.646.587.962 1.322.962 2.21c0 .903-.312 1.637-.95 2.196q-.951.84-2.789.841H42.471q-2.436 0-3.505-1.079q-1.063-1.079-1.065-3.491V17.551q-.001-2.259 1.019-3.391c.677-.75 1.568-1.13 2.676-1.13c1.116 0 2.029.377 2.722 1.118q1.04 1.119 1.042 3.403"/></svg>

Comment utiliser l'icône Cl Button

React

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

<Icon icon="emojione-v1:cl-button" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:cl-button" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:cl-button" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--cl-button]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:cl-button"></div>

Web component

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

<iconify-icon icon="emojione-v1:cl-button"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/cl-button.svg" alt="Icône Cl Button" width="24" height="24">

Icônes similaires dans Emoji One (v1)

L'icône Cl Button dans d'autres collections

FAQ : Icône Cl Button

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

Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Cl Button dans React ?

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

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

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/cl-button.svg" alt="Icône Cl Button">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (v1) →