ICONYZ
Español
Icono Up Text Button de Emoji One (v1)

Icono Up Text Button

emojione-v1:up-text-button

El icono Up Text Button (emojione-v1:up-text-button) es un icono SVG gratuito de la colección Emoji One (v1) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (v1) icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Emoji One (v1)
Autor
Emoji One
Licencia
CC-BY-SA-4.0
Tamaño
64 × 64
Categoría
Símbolos
Etiquetas
uptext, textbutton, uptextbutton
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#1b75bb" d="M63.918 57.025a6.89 6.89 0 0 1-6.892 6.894H6.887A6.89 6.89 0 0 1 0 57.025V6.889A6.89 6.89 0 0 1 6.887 0h50.139a6.89 6.89 0 0 1 6.892 6.889z"/><path fill="#fff" d="M3.189 33.79V19.621q0-1.81.815-2.711q.811-.906 2.14-.907q1.384 0 2.199.907q.813.903.813 2.711v14.487c0 1.649.183 3.03.552 4.133s1.023 1.963 1.96 2.571c.938.611 2.254.915 3.94.915q3.495 0 4.945-1.859Q22 38.009 22 34.232V19.621q0-1.83.805-2.723q.803-.894 2.15-.895q1.347.001 2.179.895q.833.894.833 2.723V33.79c0 2.301-.225 4.226-.672 5.765q-.672 2.312-2.541 4.062a9.9 9.9 0 0 1-3.74 2.172c-1.419.451-3.082.683-4.985.683c-2.265 0-4.212-.245-5.85-.735c-1.631-.487-2.963-1.247-3.994-2.271c-1.036-1.021-1.789-2.337-2.272-3.937q-.723-2.405-.724-5.739m38.751.703h-5.465v8.34q0 1.788-.842 2.712q-.846.925-2.133.926q-1.346 0-2.168-.916c-.553-.607-.827-1.504-.827-2.683V20.163q0-1.97.907-2.813q.905-.845 2.871-.846h7.657q3.4.002 5.225.524c1.208.333 2.248.891 3.128 1.668a7.56 7.56 0 0 1 1.998 2.853q.684 1.689.684 3.799q0 4.5-2.772 6.822q-2.773 2.323-8.263 2.323m-1.444-13.505h-4.02v9h4.02c1.409 0 2.579-.147 3.525-.444q1.418-.439 2.16-1.445q.747-1.006.746-2.635c0-1.298-.385-2.358-1.146-3.175q-1.288-1.304-5.285-1.304M55.47 33.2l-.644-9.626q-.18-2.813-.181-4.04q-.001-1.668.875-2.605c.582-.621 1.352-.933 2.3-.933q1.732.001 2.311 1.195q.584 1.198.585 3.448c0 .881-.049 1.781-.144 2.692l-.861 9.906q-.142 1.771-.601 2.714q-.467.946-1.532.944c-.718 0-1.227-.305-1.504-.911q-.422-.915-.604-2.785m2.23 13.223a3.17 3.17 0 0 1-2.14-.793q-.914-.793-.915-2.219q-.001-1.247.875-2.12q.872-.877 2.141-.876q1.266 0 2.159.876c.593.581.896 1.29.896 2.12c0 .935-.303 1.675-.903 2.209a3.08 3.08 0 0 1-2.113.803"/></svg>

Cómo usar el icono Up Text Button

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:up-text-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:up-text-button"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/up-text-button.svg" alt="Icono Up Text Button" width="24" height="24">

Iconos relacionados en Emoji One (v1)

El icono Up Text Button en otras colecciones

Preguntas frecuentes sobre Icono Up Text Button

¿El icono Up Text Button es gratis para uso comercial?

Sí. Emoji One (v1) icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Up Text Button en React?

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

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

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

Ver todos los Iconos Emoji One (v1) →