ICONYZ
Español
Icono Alex de File Icons

Icono Alex

file-icons:alex

El icono Alex (file-icons:alex) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 264 × 512. File Icons se publican bajo la licencia ISC, 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
File Icons
Autor
John Gardner
Licencia
ISC
Tamaño
264 × 512
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="264" height="512" viewBox="0 0 264 512"><path fill="currentColor" d="M264 512H0v-16h264zm0-88.435H0v-16h264zM1.114 224.777C3.667 69.667 211 187.667 210.1 90.607c1.468-29.364-10.737-67.834-59.645-72.285C70 11 37.285 48.812 34.678 101.406H17.67C21.618 29.026 72-7.5 150.92 1.352c27.987 3.14 74.23 19.734 76.284 85.508v178.924c-.256 19.19 16.27 18.083 36.287 15.656v17.272c-55.242.374-53.08-7.557-53.064-55.402C159.5 336.5-4.887 318.477 1.114 224.777m208.754-90.288C168 175.5 16.211 113.929 16.853 224.777c0 68.342 79.384 67.762 113.31 59.037c42.339-10.889 78.66-43.674 79.67-103.254z"/></svg>

Cómo usar el icono Alex

React

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

<Icon icon="file-icons:alex" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:alex" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:alex" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--alex]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:alex"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/file-icons/alex.svg" alt="Icono Alex" width="24" height="24">

El icono Alex en otras colecciones

Preguntas frecuentes sobre Icono Alex

¿El icono Alex es gratis para uso comercial?

Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Alex en React?

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

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

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

Ver todos los File Icons →