Frag アイコン
arcticons:frag
Frag アイコン(arcticons:frag)は、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="m36.197 26.743l4.932-1.96c.764-.304 1.371-1.227 1.371-2.049V7.74a1.957 1.957 0 0 0-1.953-1.961H7.46A1.957 1.957 0 0 0 5.5 7.733v15.001c0 .822.607 1.745 1.37 2.048l4.958 1.97"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.547 29.674c0 6.93-5.617 12.547-12.547 12.547h0c-6.93 0-12.547-5.617-12.547-12.547h0c0-6.93 5.618-12.546 12.547-12.546s12.546 5.617 12.547 12.546"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.224 29.674c0 .676-.548 1.224-1.224 1.224h0a1.224 1.224 0 1 1 1.224-1.224"/><path fill="currentColor" d="M27.669 24.288a.75.75 0 0 1-1.5 0a.75.75 0 0 1 1.5 0m-7.473 6.365a.75.75 0 0 1-1.5 0a.75.75 0 0 1 1.5 0m1.918 2.746a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.375 18.376V8.32h4.579m2.04 4.291c1.627-.102 3.322-.176 5.057-.22"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.375 13.231a91 91 0 0 1 4.577-.475m-4.596.478l.019-.003m6.628 3.574V8.321h4.716l1.519 1.083v2.09l-1.3.985l1.3.985v2.714m9.216.275l-2.19-8.132h-1.992l-2.164 7.784"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.663 14.11c1.748.006 3.486.034 5.183.085m7.697-1.131c.644.067 1.267.062 1.86.139l-.008 3.84l-1.211.874a43 43 0 0 0-3.894-.901l-.996-1.455V9.142l1.141-.82h3.804l1.156 1.293v.533M33.93 29.674c0 5.484-4.446 9.93-9.93 9.93h0c-5.484 0-9.93-4.446-9.93-9.93h0c0-5.484 4.446-9.929 9.93-9.929s9.93 4.446 9.93 9.93z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.53 29.674a5.53 5.53 0 0 1-11.06 0h0a5.53 5.53 0 0 1 11.06.001h0z"/></svg>Frag アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:frag" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:frag" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:frag" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--frag]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:frag"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:frag"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/frag.svg" alt="Frag アイコン" width="24" height="24">Frag アイコン のよくある質問
Frag アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Frag アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:frag" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Frag アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/frag.svg" alt="Frag アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。