Icono Odin
material-icon-theme:odin
El icono Odin (material-icon-theme:odin) es un icono SVG gratuito de la colección Material Icon Theme de Material Extensions. Está dibujado en una cuadrícula de 260 × 260. Material Icon Theme icons se publican bajo la licencia MIT, 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
- Material Icon Theme
- Autor
- Material Extensions
- Licencia
- MIT
- Tamaño
- 260 × 260
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="260" height="260" viewBox="0 0 260 260"><path fill="#448aff" d="M73.123 212.264a99 99 0 0 1-6.865-5.18l98.605-170.789s4.059 1.506 7.412 3.113c4.226 2.026 7.726 4 7.726 4c47.796 27.596 64.198 88.805 36.602 136.6c-27.595 47.798-88.804 64.198-136.6 36.603c0 0-3.347-1.924-6.879-4.346zm98.545-154.422L88.336 202.177c39.831 22.997 90.838 9.329 113.834-30.5c22.995-39.832 9.33-90.838-30.5-113.835zM47.944 187.19c-3.35-4.852-4.543-7.18-4.543-7.18c-17.227-29.922-18.49-67.972 0-100s52.075-49.958 86.603-50c0 0 4.661-.011 8.543.36c5.847.56 9.735 1.315 9.735 1.315L53.986 195.011s-2.237-2.316-6.04-7.82zm72.084-139.903c-25.13 3.054-48.573 17.467-62.193 41.058c-13.62 23.589-14.378 51.098-4.459 74.39z"/></svg>
Cómo usar el icono Odin
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:odin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:odin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:odin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--odin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:odin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:odin"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/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í. Material Icon Theme icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Odin en React?
Instala @iconify/react y renderiza <Icon icon="material-icon-theme: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/material-icon-theme/odin.svg" alt="Icono Odin">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Icon Theme →
ICONYZ
