Icono Odin
file-icons:odin
El icono Odin (file-icons:odin) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 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
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M90.076 452.839L344.858 11.524C704.146 180.817 420.076 682.572 90.076 452.84M362.953 70.431L149.9 438.64C383.25 563.76 600.708 239.483 362.953 70.43M301.199 3.273L60.356 423.203C-87.082 228.676 51.866-32.236 301.2 3.273M224.778 46.5s-89.544 12.35-148.211 98.035C16.934 231.631 61.128 334.43 61.128 334.43z"/></svg>
Cómo usar el icono Odin
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:odin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:odin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:odin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--odin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:odin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:odin"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/file-icons/odin.svg" alt="Icono Odin" width="24" height="24">
El icono Odin en otras colecciones
Preguntas frecuentes sobre Icono Odin
¿El icono Odin 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 Odin en React?
Instala @iconify/react y renderiza <Icon icon="file-icons:odin" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Odin a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/odin.svg" alt="Icono Odin">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los File Icons →
ICONYZ
