Inline Skating アイコン

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

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

temaki:inline-skating

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

アイコンセット: Temaki
作者: Bryan Housel
ライセンス: CC0-1.0
サイズ: 50 × 50
タグ: inlineskating

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M35.18 1c-2.26 0-4.09 1.86-4.09 4.14c0 2.29 1.83 4.14 4.09 4.14c2.27 0 4.11-1.85 4.11-4.14c0-2.28-1.84-4.14-4.11-4.14M4.24 29.54c-.35-.58-1.1-.75-1.66-.39c-.57.36-.74 1.11-.39 1.69c.36.56 1.1.74 1.68.39c.56-.36.73-1.11.38-1.68zm.84 3.38c-.35-.56-1.1-.74-1.67-.38c-.56.35-.73 1.11-.38 1.67c.36.59 1.1.75 1.66.4c.57-.36.74-1.11.39-1.69m.84 3.39c-.35-.58-1.11-.75-1.67-.39c-.58.36-.74 1.11-.39 1.69a1.216 1.216 0 0 0 2.06-1.29zm.83 3.38c-.35-.56-1.1-.74-1.66-.4c-.58.37-.74 1.12-.39 1.69c.36.58 1.1.75 1.68.39c.56-.36.73-1.11.38-1.68zm19.67 6.88c-.64.22-1 .9-.79 1.55s.89 1 1.53.8c.64-.21.99-.9.79-1.53c-.21-.65-.89-1-1.53-.81zm3.44.03c-.64.2-.99.89-.78 1.53c.21.65.89 1.01 1.53.8c.63-.2.99-.9.78-1.54s-.88-1-1.52-.79zm3.47.01c-.65.21-1 .89-.79 1.54c.2.64.89 1 1.53.79c.63-.19.98-.89.77-1.54c-.19-.64-.88-1-1.51-.79m3.44.01c-.63.21-.99.9-.78 1.54s.9 1 1.53.79c.64-.21.98-.89.78-1.53c-.21-.65-.89-1-1.53-.8M45 17.01h-7.16l-3.54-5.79a3.91 3.91 0 0 0-3.4-2.27c-.29-.01-.56.03-.83.09l-17.99 4.27a2.04 2.04 0 0 0-1.51 2.46c.24 1.1 1.32 1.78 2.4 1.53l12.01-2.19l-9.13 15.9H6.09l2.16 7.89c.07.26.07-.03.16.11c.3.5.95.49 1.44.19c.27-.16.44-.52.49-.8l1.29-4.02l.05-.18l6.02-.04c1.2 0 2.22-.33 2.83-1.35l2.77-4.63l6.16 6.32l-2.61 10.52h9.04c.58 0 1.06-.61 1.06-1.19c0-.46-.28-.84-.63-1.04l-3.9-2.22l1.87-7.47s.47-1.59-1.01-3.04l-5.04-5.1s2.69-4.47 4.42-7.34L35 21.03h9.96c1.12 0 2.03-.87 2.04-1.99c.01-1.13-.89-2.01-2-2.01z"/></svg>

Inline Skating アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="temaki:inline-skating"></iconify-icon>

HTML 画像

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

他のアイコンセットの Inline Skating アイコン

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

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

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

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

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

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

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

Temaki アイコンをすべて見る →