Skate アイコン
streamline-kameleon-color:skate
Skate アイコン(streamline-kameleon-color:skate)は、Kameleon color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Kameleon color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- スポーツ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#fabc3d" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#3e3e3f" d="M18.489 31.373a1.744 1.744 0 0 1-1.702 1.353h-4.132a.873.873 0 0 1-.873-.873v-2.618c4.014 0 5.145 1.152 6.707 2.138"/><path fill="#0484ab" d="M30.982 23.999a6.98 6.98 0 0 1 6.982 6.981a1.744 1.744 0 0 1-1.746 1.746H24c-2.967 0-4.36-.629-5.511-1.353c-1.563-.986-2.693-2.138-6.707-2.138c0-2.182 1.745-3.055 1.745-5.236V11.104H24v7.659a5.235 5.235 0 0 0 5.236 5.236z"/><path fill="#059bbf" d="M24 18.763v-7.659H13.527v12.895c0 2.182-1.745 3.054-1.745 5.236c1.35 0 2.37.132 3.193.343l9.26-9.26A5.3 5.3 0 0 1 24 18.764"/><path fill="#fff" d="M37.963 34.471v.873a2.62 2.62 0 0 1-2.618 2.618H10.91a.875.875 0 0 1-.873-.873v-.872c0-.48.393-.873.873-.873c.964 0 1.745-.781 1.745-1.745v-.873H14.4v.873c0 .964.78 1.745 1.745 1.745h10.473c.964 0 1.745-.781 1.745-1.745v-.873h1.746v.873c0 .964.781 1.745 1.745 1.745H33.6c.964 0 1.745-.781 1.745-1.745v-.873h.873c.31 0 .598-.083.85-.223c.55.48.895 1.183.895 1.968"/><path fill="#5b5c5f" d="M11.782 29.235v2.618c0 .253.109.478.28.637l2.914-2.913c-.825-.21-1.844-.342-3.194-.342"/><path fill="#3e3e3f" d="M17.018 17.89H24v-2.618h-6.982l-1.745 1.309z"/><path fill="#f0f1f1" d="M34.473 24.933v.811c0 .965-.781 1.746-1.745 1.746h-6.982a5.235 5.235 0 0 1-5.237-5.236V17.89H24v.873a5.23 5.23 0 0 0 5.237 5.236h1.745a7 7 0 0 1 3.49.934"/><path fill="#5b5c5f" d="m26.684 23.335l-1.021 1.628a.875.875 0 0 1-1.205.275a.875.875 0 0 1-.274-1.204l1.13-1.798c.392.44.855.811 1.37 1.1m2.876.663l-.218 1.532a.87.87 0 0 1-.987.737a.875.875 0 0 1-.742-.986l.214-1.475c.445.126.921.192 1.41.192zm3.167.223v1.522c0 .48-.392.873-.872.873a.875.875 0 0 1-.873-.873V24c.602 0 1.187.074 1.745.223"/><path fill="#fff" d="M24 18.763v-.873h-3.49v4.364c0 .541.082 1.064.234 1.556l3.49-3.491A5.6 5.6 0 0 1 24 18.763"/><path fill="#5b5c5f" d="m24.755 21.477l-1.886.738a.873.873 0 0 1-.632-1.628l1.876-.733c.122.585.34 1.13.642 1.623"/><path fill="#f0f1f1" d="M18.327 14.399a.437.437 0 0 0-.436.436v3.49c0 .241.195.437.436.437h3.49a.437.437 0 0 0 .437-.436v-3.49a.436.436 0 0 0-.437-.437zm3.054 3.054c0 .24-.195.436-.436.436H19.2a.436.436 0 0 1-.437-.436v-1.745c0-.241.196-.437.437-.437h1.745c.24 0 .436.196.436.437z"/></g></svg>Skate アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:skate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:skate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:skate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--skate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:skate"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:skate"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/skate.svg" alt="Skate アイコン" width="24" height="24">Kameleon color icons の関連アイコン
他のアイコンセットの Skate アイコン
Skate アイコン のよくある質問
Skate アイコンは商用利用でも無料ですか?
はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Skate アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-kameleon-color:skate" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skate アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/skate.svg" alt="Skate アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。