Strafe アイコン
game-icons:strafe
Strafe アイコン(game-icons:strafe)は、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="M196.5 18.95c-20.1.1-40.9 4.3-61.3 12.3c6 18.3 23 69.15 23 69.15l-17.7 6s-15.7-47.05-22.4-67.45c-17.9 9.3-35.34 21.7-50.94 37.3c-16 16.1-28.9 34.15-38.3 52.85c21.8 7.2 66.6 22.3 66.6 22.3l-6 17.8s-48-16.2-68.3-22.9c-14.002 36.2-15.902 74-5 105.9c12.7-12.7 32.7-19.5 56.4-20.7l65.84 65.9l13.2-13.2l-51.64-51.8c49.24 5.6 107.44 30.9 150.64 74.1l45.9-45.8c-42.4-42.4-66.8-101.3-72.5-150.9l51 51l13.2-13.2l-65.3-65.35c.9-24.2 7.3-44.2 19.2-56.1c-14.3-4.9-29.7-7.3-45.6-7.2M318.3 154.9c-2.7 0-5.4.3-8 .9c2.7 1.8 5.4 3.9 7.8 6.3c12.1 12.1 15.9 28 8.4 35.5s-23.5 3.7-35.6-8.4c-2.4-2.4-4.5-5-6.2-7.7c-.6 2.6-.9 5.2-.9 7.9c0 19 15.4 34.4 34.5 34.4c5.6 0 10.9-1.3 15.5-3.7l16.3 16.3l13.2-13.2l-15.7-15.7c3.3-5.3 5.2-11.5 5.2-18.1c0-19.1-15.4-34.5-34.5-34.5m-95.4 42c66.2 66.2 32 100.5-34.2 34.3zm153.6 39.5l-13.2 13.2l30.7 30.7l13.2-13.3zm43.9 43.9l-13.2 13.2l29.2 29.2l13.2-13.2zm-240 11.5c-2.7 0-5.4.3-7.9.9c2.6 1.7 5.2 3.9 7.7 6.3c12.1 12.1 15.8 28 8.3 35.5c-7.4 7.4-23.3 3.7-35.4-8.4c-2.4-2.5-4.5-5.1-6.3-7.7q-.9 3.75-.9 7.8c0 19.1 15.5 34.5 34.5 34.5c6.6 0 12.8-1.9 18-5.1l16.2 16.2l13.2-13.2l-16.7-16.7c2.4-4.7 3.8-10 3.8-15.7c0-19-15.5-34.4-34.5-34.4m282.5 30.9L449.6 336l34.5 34.4V344zM241 371.8L227.8 385l30.7 30.6l13.2-13.1zm43.9 43.8l-13.2 13.3l29.3 29.2l13.1-13.2zm42.6 42.5l-13.3 13.2l21.8 21.8h26.4z"/></svg>Strafe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:strafe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:strafe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:strafe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--strafe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:strafe"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:strafe"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/strafe.svg" alt="Strafe アイコン" width="24" height="24">他のアイコンセットの Strafe アイコン
Strafe アイコン のよくある質問
Strafe アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Strafe アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:strafe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Strafe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/strafe.svg" alt="Strafe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。