Odin アイコン
devicon-plain:odin
Odin アイコン(devicon-plain:odin)は、Devicon Plain セットの無料 SVG アイコンです（作者: 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>
Web コンポーネント
<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">
Odin アイコン のよくある質問
Odin アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Odin アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:odin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Odin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/odin.svg" alt="Odin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Devicon Plain アイコン をすべて見る →
ICONYZ
