Heimdall アイコン
thesvg-color:heimdall
Heimdall アイコン(thesvg-color:heimdall)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 346 × 434 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 346 × 434
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="346" height="434" viewBox="0 0 346 434"><path fill="none" d="M-1-1h348v436H-1z"/><path d="M221.227 397.119V372.2l8.552-26.577C289.647 286.3 336.686 230.776 345 213.691l-10.215 3.56s9.5-11.864 8.552-18.51c-7.6-116.273-73.17-176.862-91.226-191.732c26.607 31.955 19.326 42.4 19.326 42.4C259.714 27.576 235.64 6.377 230.888 1l-5.7 33.853c22.806 13.289 16.79 20.882 16.79 20.882c-5.387-7.594-19.957-14.235-19.957-14.235l-1.586 9.491c6.973 3.165 38.327 22.149 38.565 70.872c0 59.323-33.735 74.985-39.674 77.357c-19.718-11.865-41.1-11.627-46.326-12.1c-5.226.474-26.608.236-46.324 12.1C120.735 196.844 87 181.182 87 121.859c.238-48.723 31.6-67.707 38.564-70.872l-1.581-9.487s-14.574 6.644-19.955 14.238c0 0-6.022-7.593 16.786-20.882L115.112 1c-4.752 5.378-28.824 26.577-40.543 48.407c0 0-7.288-10.443 19.32-42.4c-18.054 14.87-83.625 75.459-91.226 191.732c-.95 6.646 8.554 18.51 8.554 18.51L1 213.691c8.316 17.085 55.355 72.612 115.221 131.935l8.554 26.577v24.916l-7.6-26.577l-17.345-28.475v28.95C106.957 391.186 134.751 432 134.751 432v-84.475L28.32 231.488s66.52 54.1 85.526 73.56l9.978-10.2c-12.355-8.78-66.045-62.646-70.8-110.1c40.388 85.426 79.111 96.1 107.62 129.325v8.127h24.707v-8.131c28.508-33.221 67.233-43.9 107.619-129.325c-4.75 47.459-58.442 101.325-70.8 110.1l9.976 10.2c19.006-19.458 85.526-73.56 85.526-73.56L211.249 347.525V432s27.8-40.815 34.923-60.984v-28.95l-17.343 28.475zM173 295.083c-17.818-11.865-63.668-39.629-82.672-83.053a314 314 0 0 0 34.447 34.882s-1.189-30.61 1.186-37.255c4.276 36.781 13.068 52.442 47.039 71.9c33.973-19.458 42.763-35.119 47.039-71.9c2.375 6.645 1.188 37.255 1.188 37.255a314 314 0 0 0 34.447-34.882c-19.006 43.424-64.856 71.188-82.674 83.053" class="cls-1"/></svg>Heimdall アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:heimdall" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:heimdall" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:heimdall" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--heimdall]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:heimdall"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:heimdall"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/heimdall.svg" alt="Heimdall アイコン" width="24" height="24">他のアイコンセットの Heimdall アイコン
Heimdall アイコン のよくある質問
Heimdall アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heimdall アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:heimdall" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heimdall アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/heimdall.svg" alt="Heimdall アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。