ICONYZ
Español
Icono Dim Button de Noto Emoji

Icono Dim Button

noto:dim-button

El icono Dim Button (noto:dim-button) es un icono SVG gratuito de la colección Noto Emoji de Google Inc. Está dibujado en una cuadrícula de 128 × 128. Noto Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Noto Emoji
Autor
Google Inc
Licencia
Apache-2.0
Tamaño
128 × 128
Categoría
Símbolos
Etiquetas
dimbutton
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#F17900" d="m78.42 43.31l-30.7.08l-5 19.62l5 2.54s-.24-4.42 1.98-8.66s6.63-8.37 14.36-8.25c15.08.23 15.68 17.13 15.68 17.13s9.99-6.6 8.53-8.45c-1.47-1.85-9.85-14.01-9.85-14.01"/><path fill="#F17900" d="M35.25 61.01s-1.32 9.52 3.92 18.39c3.85 6.51 11.08 13.3 24.08 13.54c12.16.23 20.89-6.15 24.93-13.47c4.71-8.54 3.85-17.93 3.85-17.93S81.42 74.4 80.65 75.32s-16.16 8.77-16.16 8.77s-12.77-.38-13.7-2.69c-.92-2.31-15.54-20.39-15.54-20.39"/><path fill="#FFA624" d="M64.05 35.46c-21.54-.11-29.18 17.34-28.96 27.86c.25 11.88 8.04 26.74 28.35 26.74c20.18 0 28.47-15.97 28.72-27.98c.14-7.18-5.21-26.49-28.11-26.62m15.6 29.71c-.5 9.66-8.42 14.98-16.34 14.98c-7.8 0-15.47-6.19-15.6-16.34c-.14-11.27 6.81-17.74 16.34-17.45c12.26.37 16.06 9.91 15.6 18.81"/><path fill="#F17900" d="M58.03 20.71s-1.22 7.96 6.17 8.16c7.23.2 6.44-7.11 6.44-7.11l-3.75-7.66zm43.65 7.63s3.44 4.45-1.21 8.96c-1.08 1.05-1.8 1.71-3.2 2.87c-2.05 1.69-6.07 2.24-8.56-.27c-3.72-3.75-1.11-7.68-1.11-7.68zM99.5 63.19c-.14 2.26.26 7 4.89 7.31c4.53.31 6.38.22 8.35 0c1.97-.23 4.04-2.04 4.27-4.99c.21-2.79-.61-4.24-.91-4.31c-.31-.08-16.6 1.99-16.6 1.99M89.16 89.48s-2.78 2.07-2.96 5.48c-.17 3.35 4.84 8.1 7.74 9.2c4.43 1.68 7.56-1.58 7.8-3.91c.32-3.08-1.26-5.38-1.26-5.38zm-31.81 21.21c-.04.91-.64 7.36 5.8 7.45c7.32.1 6.25-6.67 6.29-7.7s-6.78-2.61-6.78-2.61s-5.27 1.95-5.31 2.86M23.39 98.72s-.25 2.58 2.02 4.62c1.59 1.43 4.31 2.08 7.2.68c1.06-.52 2.67-2.08 4.2-3.88c1.87-2.2 4.41-4.68 2.83-8.16c-1.37-3.02-2.86-2.99-2.86-2.99zM10.69 62.5s-1.26 6.27 3.46 7.95c2.59.92 6.55.5 9.12.5c4.17 0 5.62-4.05 5.28-8.1c-.28-3.27-7.29-1.8-7.29-1.8zM28 26.03s-5.01 3.45-2.68 8.61c1.45 3.22 4.11 4.95 6.36 6.2c3.11 1.73 6.48.33 7.96-1.39c2.34-2.72.9-6.7.9-6.7z"/><radialGradient id="SVGoSEJAPVX" cx="66.663" cy="9.633" r="17.456" gradientUnits="userSpaceOnUse"><stop offset=".426" stop-color="#FFA624"/><stop offset=".816" stop-color="#FF8C0C"/></radialGradient><path fill="url(#SVGoSEJAPVX)" d="M64.37 11.52c-3.31 0-6.17 1.91-6.28 5.37c-.04 1.29-.13 3.17-.11 4.4c.05 2.6 2 4.69 6.07 4.79c5.05.12 6.6-2.84 6.63-3.85s.06-3.33.06-5.22s-1.3-5.49-6.37-5.49"/><radialGradient id="SVGz1O3KeJI" cx="99.728" cy="24.948" r="15.792" gradientUnits="userSpaceOnUse"><stop offset=".426" stop-color="#FFA624"/><stop offset=".816" stop-color="#FF8C0C"/></radialGradient><path fill="url(#SVGz1O3KeJI)" d="M92.24 27.71c-1.41 1.24-3.24 2.76-4.48 4.33c-1.22 1.55-1.28 4.01 1.09 5.9c1.7 1.36 5.13 1.6 7.72-.14c1.17-.79 2.21-1.53 4.09-3.83c1.5-1.83 2.77-4.37-.06-6.88c-2.82-2.51-5.95-1.5-8.36.62"/><radialGradient id="SVG6ZmzrcMA" cx="115.044" cy="63.361" r="19.918" gradientUnits="userSpaceOnUse"><stop offset=".316" stop-color="#FFA624"/><stop offset=".816" stop-color="#FF8C0C"/></radialGradient><path fill="url(#SVG6ZmzrcMA)" d="M104.51 58.22c-2.52.12-5.02 2.2-5.02 5.02s1.61 4.49 5.79 4.7s4.39.1 6.9 0c2.61-.1 4.52-2.41 4.43-5.24c-.1-3.35-3.38-4.38-6.1-4.49c-2.72-.1-4.18-.08-6 .01"/><radialGradient id="SVG6cO8bbYM" cx="98.288" cy="100.552" r="12.684" gradientUnits="userSpaceOnUse"><stop offset=".426" stop-color="#FFA624"/><stop offset=".816" stop-color="#FF8C0C"/></radialGradient><path fill="url(#SVG6cO8bbYM)" d="M89.06 89.53c-1.7 1.53-2.96 4.12.71 8.61c.99 1.21 2.2 2.31 3.61 3.32c2.07 1.5 4.56 1.45 6.52-.59c1.31-1.36 1.94-4.12.63-5.95c-1.92-2.67-3.02-3.66-4.99-5.33c-2.03-1.72-4.87-1.52-6.48-.06"/><radialGradient id="SVGrX8aUdhp" cx="63.424" cy="113.617" r="16.893" gradientUnits="userSpaceOnUse"><stop offset=".426" stop-color="#FFA624"/><stop offset=".816" stop-color="#FF8C0C"/></radialGradient><path fill="url(#SVGrX8aUdhp)" d="M63.49 100c-3.35 0-6.05 2.55-6.13 6.53c-.04 2.07-.01 2.89-.03 4.44c-.02 2.43 2.98 4.35 5.95 4.29c4.64-.09 6.15-3.1 6.21-4.44c.07-1.51.11-2.97.07-4.71c-.06-3.2-2.21-6.11-6.07-6.11"/><radialGradient id="SVGwin8Tdow" cx="24.85" cy="101.051" r="15.32" gradientUnits="userSpaceOnUse"><stop offset=".426" stop-color="#FFA624"/><stop offset=".816" stop-color="#FF8C0C"/></radialGradient><path fill="url(#SVGwin8Tdow)" d="M37.65 89.34c-2.07-1.51-5.23-1.93-8.88 1.46c-1.61 1.5-2.88 2.75-3.96 4.25s-2.25 4.36-.6 6.2c1.72 1.94 5.62 2.19 8.25-.09s4.05-4 5.69-6.46c1.39-2.06 1.31-4.04-.5-5.36"/><radialGradient id="SVGZcEraeZf" cx="10.271" cy="63.303" r="17.786" gradientUnits="userSpaceOnUse"><stop offset=".426" stop-color="#FFA624"/><stop offset=".816" stop-color="#FF8C0C"/></radialGradient><path fill="url(#SVGZcEraeZf)" d="M15.98 58.07c-2.82.08-5.37 1.73-5.41 5.13s2.67 4.77 5.42 4.92s4.52.17 7.13.05c3.78-.17 5.5-2.32 5.44-5.15c-.07-3.02-2.26-4.64-5.36-4.87c-2.65-.19-4.61-.15-7.22-.08"/><radialGradient id="SVGxRD5EbVB" cx="29.034" cy="27.344" r="14.104" gradientUnits="userSpaceOnUse"><stop offset=".426" stop-color="#FFA624"/><stop offset=".816" stop-color="#FF8C0C"/></radialGradient><path fill="url(#SVGxRD5EbVB)" d="M27.71 26.25c-1.81 1.61-2.45 4.31.06 7.65c.76 1.01 2.72 3.02 4.2 3.88c2.46 1.41 5.51 1.7 7.51-.69c1.79-2.14 1.99-4.18-.96-7.4c-1.19-1.29-2.08-2.13-3.64-3.29c-2.12-1.57-5.22-1.89-7.17-.15"/></svg>

Cómo usar el icono Dim Button

React

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

<Icon icon="noto:dim-button" width="24" />

Vue

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

<template>
  <Icon icon="noto:dim-button" width="24" />
</template>

Svelte

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

<Icon icon="noto:dim-button" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--dim-button]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:dim-button"></div>

Web component

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

<iconify-icon icon="noto:dim-button"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/noto/dim-button.svg" alt="Icono Dim Button" width="24" height="24">

El icono Dim Button en otras colecciones

Icono Dim Button de Emoji One (Colored)
Emoji One (Colored)
 Icono Dim Button de Emoji One (Monotone)
Emoji One (Monotone)
 Icono Dim Button de Emoji One (v1)
Emoji One (v1)
 Icono Dim Button de Fluent Emoji
Fluent Emoji
 Icono Dim Button de Fluent Emoji Flat
Fluent Emoji Flat
 Icono Dim Button de Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Icono Dim Button de Noto Emoji (v1)
Noto Emoji (v1)
 Icono Dim Button de OpenMoji
OpenMoji
 Icono Dim Button de Twitter Emoji
Twitter Emoji

Preguntas frecuentes sobre Icono Dim Button

¿El icono Dim Button es gratis para uso comercial?

Sí. Noto Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Dim Button en React?

Instala @iconify/react y renderiza <Icon icon="noto:dim-button" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Dim Button a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/noto/dim-button.svg" alt="Icono Dim Button">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Noto Emoji →