Иконка Odin
devicon-plain:odin
Иконка Odin (devicon-plain:odin) — бесплатная SVG-иконка из набора Devicon Plain от konpa. Она нарисована на сетке 128 × 128. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Devicon Plain
- Автор
- konpa
- Лицензия
- MIT
- Размер
- 128 × 128
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M27.57 116.52c-2.453-1.684-4.39-3.313-4.39-3.313L86.219 4.02s2.594.96 4.738 1.988a95 95 0 0 1 4.941 2.558c30.555 17.641 41.04 56.774 23.399 87.329c-17.64 30.558-56.774 41.043-87.328 23.402c0 0-2.14-1.23-4.399-2.777m63-98.727L37.293 110.07c25.465 14.7 58.074 5.961 72.777-19.5c14.7-25.465 5.965-58.074-19.5-72.777m-79.097 82.695c-2.145-3.101-2.907-4.59-2.907-4.59c-11.011-19.128-11.82-43.457 0-63.933C20.386 11.492 41.86.027 63.934 0c0 0 2.98-.008 5.46.23c3.739.36 6.223.84 6.223.84L15.332 105.488s-1.43-1.48-3.86-5m46.082-89.441C41.488 13 26.5 22.215 17.793 37.293c-8.707 15.082-9.191 32.668-2.848 47.559Zm0 0"/></svg>
Как использовать иконку Odin
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:odin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:odin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:odin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--odin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:odin"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:odin"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/odin.svg" alt="Иконка Odin" width="24" height="24">
Похожие иконки в наборе Devicon Plain
Иконка Odin в других наборах
Вопросы и ответы: Иконка Odin
Можно ли бесплатно использовать иконку Odin в коммерческих проектах?
Да. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Odin в React?
Установите @iconify/react и выведите <Icon icon="devicon-plain:odin" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Odin на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon-plain/odin.svg" alt="Иконка Odin">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Devicon Plain →
ICONYZ
