Roller Skate アイコン

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

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

game-icons:roller-skate

Roller Skate アイコン(game-icons:roller-skate)は、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
タグ: rollerskate

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M111.6 97c-9.6 56.8-26.44 107.6-37.53 154.8c11.74 42.3 38.23 74.8 80.23 99.2h230.3c3.2-16.5 6.2-34.7 12.5-51.8c5-13.5 12.3-26.5 23.6-36.6c-8.2-2.2-18-4.2-29.8-5.7h-.2c-33.5-4.8-59.6-8.9-80-15.4c-18 3.5-33.9 4.3-48.1 1.3c-15.1-3.2-28.2-11.2-38.2-23.7c-19-23.9-28.2-62.8-32.8-122.1zm98.1 0c4.7 57.2 14.3 92.7 28.8 110.9c7.7 9.6 16.3 14.8 27.8 17.3c4.1.9 8.6 1.3 13.5 1.4c-3.8-2.8-7.4-5.9-10.6-9.4c-21.7-23.3-26.7-59.1-29.7-120.2zm231.1 173.2c-13.5 7.9-21.3 20-26.8 35.2c-5.1 13.9-8 29.9-11 45.6h60v-39c0-15-2.1-25.4-11.2-34.2c-2.8-2.6-6.4-5.2-11-7.6M67.31 285c-3.74 22.6-5.34 44.5-3.19 66H122c-24-18.2-42.43-40.3-54.69-66M65 369v14h398v-14zm23 32c-21.65 0-39 17.4-39 39s17.35 39 39 39c21.6 0 39-17.4 39-39s-17.4-39-39-39m112 0c-21.6 0-39 17.4-39 39s17.4 39 39 39s39-17.4 39-39s-17.4-39-39-39m112 0c-21.6 0-39 17.4-39 39s17.4 39 39 39s39-17.4 39-39s-17.4-39-39-39m112 0c-21.6 0-39 17.4-39 39s17.4 39 39 39s39-17.4 39-39s-17.4-39-39-39M88 424a16 16 0 0 1 16 16a16 16 0 0 1-16 16a16 16 0 0 1-16-16a16 16 0 0 1 16-16m112 0a16 16 0 0 1 16 16a16 16 0 0 1-16 16a16 16 0 0 1-16-16a16 16 0 0 1 16-16m112 0a16 16 0 0 1 16 16a16 16 0 0 1-16 16a16 16 0 0 1-16-16a16 16 0 0 1 16-16m112 0a16 16 0 0 1 16 16a16 16 0 0 1-16 16a16 16 0 0 1-16-16a16 16 0 0 1 16-16"/></svg>

Roller Skate アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:roller-skate"></iconify-icon>

HTML 画像

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

他のアイコンセットの Roller Skate アイコン

Roller Skate アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →