Dodging アイコン

Q: Dodging アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:dodging

Dodging アイコン(game-icons:dodging)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M396.082 17.326c-.166-.025-1.922.108-4.977.108c-21.975 0-42.158 18.904-49.437 46.595l75.713 12.61l-78.526 13.085c.564 16.248 5.55 30.99 13.062 42.367l54.39 9.603l-41.277 7.29l.484.607l-15.91 2.47c-15.262 2.366-25.866 9.63-34.46 21.165c-2.534 3.4-4.848 7.198-6.962 11.328l90.798 13.2l-100.976 14.684a198 198 0 0 0-1.627 6.874c-1.662 7.613-2.953 15.622-3.982 23.854l115.275 14.107l-117.81 14.418c-.525 9.083-.84 18.236-1.022 27.31l114.07 16.407l-113.304 16.3h40.826l2.144 32.532l82.026 11.38l-80.54 11.173l2.512 38.14l75.582 10.897l-74.158 10.69l2.938 44.59h96.306l11.875-159.403h43.983c-.228-36.033-1.914-77.32-10.137-111.194c-4.462-18.384-10.84-34.42-19.314-46.063c-8.472-11.642-18.583-18.958-32.248-21.53l-15.59-2.933l10.124-12.213c10.435-12.587 17.49-30.688 17.49-51.127c0-37.056-22.084-66.04-47.127-69.295l-.106-.013l-.108-.016zm-53.535 5.055L16.785 45.968l304.93 22.082c3.073-17.672 10.43-33.57 20.832-45.67zm-22.402 62.114L16.783 106.46l312.28 22.612c-5.686-12.618-8.96-27.047-8.96-42.422c0-.722.027-1.437.042-2.156zm-2.612 60.688L16.783 166.96l269.96 19.546c3.583-8.906 7.975-17.144 13.415-24.445c4.868-6.532 10.676-12.254 17.375-16.878m-37.79 63.228l-262.96 19.04L273.19 246.02c1.18-10.497 2.77-20.808 4.927-30.69q.764-3.494 1.625-6.918zm-8.327 57.803L16.783 284.65l253.225 18.336c.18-12.057.585-24.438 1.408-36.773zm-1.562 60.605l-253.07 18.325l297.22 21.52l-1.072-16.267H269.86v-9.343c0-4.62-.01-9.38-.006-14.235m45.294 57.22L16.783 405.64l301.227 21.81l-2.862-43.413zm3.97 60.202L16.782 466.13l305.233 22.102l-2.9-43.992z"/></svg>

Dodging アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:dodging" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:dodging" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:dodging" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--dodging]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:dodging"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:dodging"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/dodging.svg" alt="Dodging アイコン" width="24" height="24">

Dodging アイコンのよくある質問

Dodging アイコンは商用利用でも無料ですか?

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Dodging アイコンを使うには?

@iconify/react をインストールして <Icon icon="game-icons:dodging" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Dodging アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/dodging.svg" alt="Dodging アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Game Icons をすべて見る →