Arrowhead アイコン
game-icons:arrowhead
Arrowhead アイコン(game-icons:arrowhead)は、Game Icons セットの無料 SVG アイコンです(作者: GameIcons)。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m34.22 19.844l-12.407.125l.062 30l177.97 177.5c4.98-8.957 12.884-16.088 22.405-20.064zm205.436 202.75c-14.946 0-26.844 11.93-26.844 26.875s11.898 26.874 26.844 26.874s26.875-11.93 26.875-26.875c0-14.947-11.928-26.876-26.874-26.876zm150.875 15.75c-15.905 11.413-31.637 18.404-47.467 21.5c29.263 39.57 49.927 71.443 62.28 96c6.804 13.523 11.162 24.788 12.907 34.562s.876 19.417-5.813 25.906c-6.688 6.49-16.216 7.208-26.125 5.532s-21.394-5.88-35.187-12.438c-25.368-12.058-58.377-32.294-99.22-60.906c-2.646 16.347-8.904 32.21-19.06 47.53c64.07 43.58 163.496 83.783 246.468 88.783c3.614-85.247-42.328-181.024-88.782-246.47zm-105.655 16.562c-2.375 19.668-17.412 35.58-36.656 39.28c3.07 11 4.776 21.816 5.093 32.44c44.728 31.797 80.314 53.785 105.812 65.905c12.888 6.127 23.263 9.684 30.313 10.876s9.577-.12 9.968-.5c.392-.38 1.644-2.46.438-9.22c-1.207-6.756-4.852-16.84-11.188-29.436c-12.4-24.647-34.88-59.106-67.5-102.563c-11.922-.288-23.968-2.61-36.28-6.78z"/></svg>Arrowhead アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:arrowhead" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:arrowhead" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:arrowhead" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--arrowhead]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:arrowhead"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:arrowhead"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/arrowhead.svg" alt="Arrowhead アイコン" width="24" height="24">Arrowhead アイコン のよくある質問
Arrowhead アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Arrowhead アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:arrowhead" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Arrowhead アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/arrowhead.svg" alt="Arrowhead アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。