Odin Wordmark アイコン
devicon-plain:odin-wordmark
Odin Wordmark アイコン(devicon-plain:odin-wordmark)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
- タグ
- odinwordmark
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>Web コンポーネント
<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">Devicon Plain の関連アイコン
他のアイコンセットの Odin Wordmark アイコン
Odin Wordmark アイコン のよくある質問
Odin Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Odin Wordmark アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。