Iron Icon アイコン
logos:iron-icon
Iron Icon アイコン(logos:iron-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 289 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 289
- タグ
- ironicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="289" viewBox="0 0 256 289"><path fill="#3177bc" d="M10.404 64.753L117.46 2.875c6.45-3.762 14.217-3.832 20.716-.21l.366.21l107.055 61.878c6.451 3.763 10.264 10.43 10.4 17.668l.004.403V206.58c0 7.258-3.695 13.988-10.049 17.858l-.355.212l-107.329 61.605c-3.011 1.642-6.845 2.738-10.404 2.738c-3.405 0-6.81-.752-9.974-2.495l-.43-.243l-107.055-61.879C4.22 220.881.147 213.952.004 206.702L0 206.306V82.824c0-7.259 3.959-13.989 10.063-17.859zL117.46 2.875zm177.694 25.19H67.902c-1.096 0-2.19.547-3.012 1.368c-.767.767-1.056 2.01-1.092 3.063l-.003.223l2.738 25.19c.263 1.581 1.542 3.163 3.348 3.522l.211.036l33.677 5.203v32.855l-33.677 4.929c-1.846.263-3.183 1.542-3.524 3.348l-.035.21l-2.738 25.19c0 1.095.273 2.464 1.095 3.286c.766.766 1.772 1.295 2.793 1.362l.219.007h120.196c1.096 0 2.19-.548 3.012-1.37c.767-.766 1.056-2.01 1.092-3.062l.003-.223l-2.738-25.19c-.263-1.581-1.542-3.163-3.348-3.522l-.211-.036l-33.677-5.203v-32.855l33.677-4.929c1.846-.263 3.183-1.542 3.524-3.348l.035-.21l2.738-25.19c0-1.095-.273-2.464-1.095-3.286c-.766-.766-1.772-1.295-2.793-1.362zm-4.38 8.213l-1.917 17.25l-34.225 5.201c-2.114.265-3.463 1.805-3.8 3.883l-.033.224v39.975c0 1.852 1.28 3.705 3.343 4.074l34.441 5.235l1.917 17.25H72.556l1.917-17.25l34.224-5.202c1.853-.265 3.45-1.809 3.554-3.89l.006-.217v-39.975c0-1.852-1.28-3.705-3.343-4.074l-34.441-5.235l-1.917-17.249z"/></svg>Iron Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:iron-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:iron-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:iron-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--iron-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:iron-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:iron-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/iron-icon.svg" alt="Iron Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Iron Icon アイコン のよくある質問
Iron Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Iron Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:iron-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Iron Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/iron-icon.svg" alt="Iron Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。