Myicon アイコン
arcticons:myicon
Myicon アイコン(arcticons:myicon)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.97 22.82H6.5c-.55 0-1-.45-1-1V6.5c0-.55.45-1 1-1h15.32c.55 0 1 .45 1 1v4.47m2.36 2.36V6.5c0-.55.45-1 1-1H41.5c.55 0 1 .45 1 1v15.32c0 .55-.45 1-1 1H30.96m-8.14 8.14V41.5c0 .55-.45 1-1 1H6.5c-.55 0-1-.45-1-1V26.18c0-.55.45-1 1-1h6.83m16.13 0H41.5c.55 0 1 .45 1 1V41.5c0 .55-.45 1-1 1H26.18c-.55 0-1-.45-1-1V29.46m3.814-12.311L17.149 28.994m.515-18.268l5.362 5.363m-7.877-2.848l2.909 2.908m-5.726-.091l5.786 5.787"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.917 31.403c-2.364-2.363-6.001-3.341-7.893-5.165c-.76-.734-.7-1.784-.318-2.166l1.864-1.864a1.757 1.757 0 0 0 0-2.484L21.36 9.514a1.757 1.757 0 0 0-2.484 0l-9.361 9.362a1.757 1.757 0 0 0 0 2.484l10.21 10.21a1.757 1.757 0 0 0 2.483 0l1.864-1.864c.382-.382 1.432-.442 2.166.318c1.824 1.892 2.802 5.53 5.165 7.892c1.757 1.758 4.257 1.227 5.999-.515s2.272-4.241.515-5.998"/><circle cx="34.108" cy="34.545" r="1.294" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>Myicon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:myicon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:myicon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:myicon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--myicon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:myicon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:myicon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/myicon.svg" alt="Myicon アイコン" width="24" height="24">Myicon アイコン のよくある質問
Myicon アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Myicon アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:myicon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Myicon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/myicon.svg" alt="Myicon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。