ICONYZ
Español
Icono Shorts de Twitter Emoji

Icono Shorts

twemoji:shorts

El icono Shorts (twemoji:shorts) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Twitter Emoji
Autor
Twitter
Licencia
CC-BY-4.0
Tamaño
36 × 36
Categoría
Objetos
Etiquetas
short
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#78b159" d="M31 6V1.955A.956.956 0 0 0 30.045 1H5.955A.956.956 0 0 0 5 1.955V6L0 31l14 4l4-10.545L22 35l14-4z"/><g fill="#5d9040"><path d="M5 4h26v2H5zm8.782 2h-2.074c-1.378 4.107-5.46 5.399-7.87 5.807l-.421 2.107c3.606-.408 8.9-2.403 10.365-7.914"/><path d="m32.583 13.914l-.421-2.107c-2.41-.408-6.491-1.701-7.87-5.807h-2.074c1.464 5.511 6.759 7.506 10.365 7.914M17 6v21.091l1-2.636l1 2.636V6z"/><path d="M18.149 23H18v-2h.149A2.853 2.853 0 0 0 21 18.149V5h2v13.149A4.856 4.856 0 0 1 18.149 23"/></g></svg>

Cómo usar el icono Shorts

React

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

<Icon icon="twemoji:shorts" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:shorts" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:shorts" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--shorts]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:shorts"></div>

Web component

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

<iconify-icon icon="twemoji:shorts"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/twemoji/shorts.svg" alt="Icono Shorts" width="24" height="24">

El icono Shorts en otras colecciones

Preguntas frecuentes sobre Icono Shorts

¿El icono Shorts es gratis para uso comercial?

Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Shorts en React?

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

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

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

Ver todos los Iconos Twitter Emoji →