Person Inline Skating アイコン

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

はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

pinhead:person-inline-skating

Person Inline Skating アイコン(pinhead:person-inline-skating)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Pinhead Map Icons
作者: Quincy Morgan
ライセンス: CC0-1.0
サイズ: 15 × 15
タグ: personinline、inlineskating、personinlineskating

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.55.3c-.67 0-1.22.56-1.22 1.24a1.23 1.23 0 1 0 2.46 0c0-.68-.55-1.24-1.24-1.24M1.27 8.86a.37.37 0 0 0-.5-.12a.37.37 0 0 0 .39.63c.17-.11.22-.33.11-.5zm.25 1.02a.36.36 0 0 0-.5-.12c-.16.11-.22.34-.11.5c.11.18.33.23.5.12c.17-.1.22-.33.11-.5m.26 1.01a.37.37 0 0 0-.51-.11c-.17.1-.22.33-.11.5c.1.17.33.23.5.12s.22-.34.12-.5zm.25 1.02a.37.37 0 0 0-.5-.12c-.18.11-.22.33-.12.5c.11.18.33.23.5.12a.37.37 0 0 0 .12-.5m5.9 2.06a.371.371 0 0 0 .22.71c.19-.07.3-.27.24-.46c-.07-.2-.27-.3-.46-.25m1.03.01c-.19.06-.3.27-.24.46c.07.19.27.3.46.24s.3-.27.24-.46a.376.376 0 0 0-.46-.24m1.04 0c-.2.07-.3.27-.24.47c.06.19.27.3.46.23c.19-.05.3-.26.23-.46a.356.356 0 0 0-.45-.24m1.03.01c-.19.06-.3.27-.23.46c.06.19.27.3.46.24a.37.37 0 0 0 .23-.46c-.06-.2-.27-.3-.46-.24M13.5 5.1h-2.15l-1.06-1.73c-.18-.4-.57-.67-1.02-.68c-.09-.01-.17 0-.25.02l-5.4 1.28c-.32.08-.53.41-.45.74c.07.33.4.54.72.46l3.6-.66L4.76 9.3H1.83l.65 2.37c.02.08.02-.01.04.03c.09.15.29.15.44.06c.08-.05.13-.16.14-.24l.39-1.21l.01-.05l1.81-.01c.36 0 .67-.1.85-.41l.83-1.39l1.85 1.9l-.78 3.16h2.71c.17 0 .32-.19.32-.36a.37.37 0 0 0-.19-.31l-1.17-.67l.56-2.24s.14-.48-.31-.91L8.47 7.49l1.33-2.2l.7 1.02h2.99c.33 0 .61-.26.61-.6s-.27-.6-.6-.6z"/></svg>

Person Inline Skating アイコンの使い方

React

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

<Icon icon="pinhead:person-inline-skating" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:person-inline-skating" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:person-inline-skating" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--person-inline-skating]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:person-inline-skating"></div>

Web コンポーネント

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

<iconify-icon icon="pinhead:person-inline-skating"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/pinhead/person-inline-skating.svg" alt="Person Inline Skating アイコン" width="24" height="24">

Pinhead Map Icons の関連アイコン

Person Inline Skating アイコンのよくある質問

Person Inline Skating アイコンは商用利用でも無料ですか?

はい。Pinhead Map Icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Person Inline Skating アイコンを使うには?

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

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

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

Pinhead Map Icons をすべて見る →