Иконка Odin Wordmark

devicon-plain:odin-wordmark

Иконка Odin Wordmark (devicon-plain:odin-wordmark) — бесплатная SVG-иконка из набора Devicon Plain от konpa. Она нарисована на сетке 128 × 128. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon Plain
Автор: konpa
Лицензия: MIT
Размер: 128 × 128
Теги: odinwordmark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M42.658 45.691v32.487L44 75.853l1.705-2.955l13.834-23.96l1.086-1.88l.611-1.06s-1.12-.18-1.677-.23c-.554-.051-1.664-.077-1.664-.077zm36.567 0v3.159h4.57v30.472h-4.57v3.16h12.189v-3.16h-4.572V48.85h4.572v-3.16zm18.287 0v8.416l-.004 3.528l30.484 17.6l-.008-3.534v-26.01h-3.046v24.25l-24.38-14.074V45.691zm-79.223.01c-6.314.008-12.454 3.288-15.836 9.145s-3.15 12.815 0 18.287c0 0 .217.425.83 1.312c.696 1.007 1.106 1.43 1.106 1.43l17.244-29.867s-.712-.138-1.781-.24c-.71-.068-1.563-.067-1.563-.067m45.982 1.135l-20.45 35.422h14.074c10.09 0 18.283-8.193 18.283-18.283c0-6.762-3.678-12.671-9.14-15.834l.003-.006s-.817-.45-1.238-.649a46 46 0 0 0-1.532-.65m-39.607.016L6.633 78.084s.555.466 1.256.947c.645.443 1.258.795 1.258.795c8.74 5.047 19.933 2.048 24.98-6.693c5.046-8.74 2.047-19.934-6.693-24.98c0 0-.642-.363-1.414-.733c-.614-.294-1.356-.568-1.356-.568m21.041 1.998H56.07L45.705 66.805zm-29.24.011L4.277 69.973c-1.814-4.26-1.676-9.29.815-13.604s6.777-6.95 11.373-7.508m9.443 1.93c7.284 4.205 9.783 13.532 5.578 20.816s-13.532 9.784-20.816 5.578zm39.557.072c4.579 2.63 7.666 7.569 7.666 13.223a15.2 15.2 0 0 1-1.174 5.873c-2.289 5.47-7.678 9.324-13.965 9.363h-8.959zM97.51 61.154l.002 3.51v17.594h3.047V66.424l24.379 14.074l3.046 1.76l.008-3.506z"/></svg>

Как использовать иконку Odin Wordmark

React

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

<Icon icon="devicon-plain:odin-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:odin-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:odin-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--odin-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:odin-wordmark"></div>

Веб-компонент

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

<iconify-icon icon="devicon-plain:odin-wordmark"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon-plain/odin-wordmark.svg" alt="Иконка Odin Wordmark" width="24" height="24">

Иконка Odin Wordmark в других наборах

Вопросы и ответы: Иконка Odin Wordmark

Можно ли бесплатно использовать иконку Odin Wordmark в коммерческих проектах?

Да. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Odin Wordmark в React?

Установите @iconify/react и выведите <Icon icon="devicon-plain:odin-wordmark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Odin Wordmark на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon-plain/odin-wordmark.svg" alt="Иконка Odin Wordmark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon Plain →