Icono Twitter
el:twitter
El icono Twitter (el:twitter) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive Icons se publican bajo la Open Font License, 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
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M1200 216.995q-12.04 25.42-44.816 64.214c-32.776 38.794-48.828 48.606-80.937 68.227q1.34 10.703 2.007 20.067c3.463 96.12-19.561 195.847-51.505 278.93c-61.918 154.473-156.795 278.795-292.308 363.21c-141.314 81.058-305.892 98.298-457.525 83.612C174.25 1083.694 75.033 1050.822 0 988.901c137.233 16.404 265.305-30.28 366.555-105.687c-112.472 2.847-194.191-78.514-232.775-172.575c17.393 4.559 35.588 4.009 52.174 2.677c20.416-1.918 39.796-3.833 58.863-8.026c-71.717-23.139-134.469-65.675-167.224-129.767c-19.213-40.61-27.888-79.282-28.093-123.077c33.605 17.693 74.028 34.937 111.037 33.444c-55.892-47.347-100.7-107.857-109.03-177.258c-5.259-57.866 9.221-110.688 30.101-159.866c83.607 91.885 177.415 167.502 285.618 214.047c73.998 30.302 147.786 46.507 224.081 46.822c-8.807-68.145-1.959-134.05 30.101-189.967c37.73-60.118 92.778-94.998 154.516-112.375c88.337-22.652 174.496 9.345 228.763 70.903c58.521-6.321 114.58-32.283 159.197-58.863c-18.958 57.41-55.874 114.492-109.699 141.806c51.247-9.488 100.149-24.659 145.815-44.144"/></svg>
Cómo usar el icono Twitter
React
import { Icon } from "@iconify/react";
<Icon icon="el:twitter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:twitter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:twitter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--twitter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:twitter"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:twitter"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/twitter.svg" alt="Icono Twitter" width="24" height="24">
El icono Twitter en otras colecciones
Preguntas frecuentes sobre Icono Twitter
¿El icono Twitter es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Twitter en React?
Instala @iconify/react y renderiza <Icon icon="el:twitter" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Twitter a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/twitter.svg" alt="Icono Twitter">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Elusive Icons →
ICONYZ
