Ícone Cl Button

emojione-v1:cl-button

O ícone Cl Button (emojione-v1:cl-button) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (v1)
Autor: Emoji One
Licença: CC-BY-SA-4.0
Tamanho: 64 × 64
Categoria: Símbolos
Tags: clbutton

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

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

Ícones relacionados em Emoji One (v1)

O ícone Cl Button em outras coleções

Perguntas frequentes sobre Ícone Cl Button

O ícone Cl Button é grátis para uso comercial?

Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Cl Button no React?

Instale @iconify/react e renderize <Icon icon="emojione-v1:cl-button" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Cl Button a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/cl-button.svg" alt="Ícone Cl Button">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (v1) →