Kick Scooter アイコン

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

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

fluent-emoji:kick-scooter

Kick Scooter アイコン(fluent-emoji:kick-scooter)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: kickscooter

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#id7QB5L)"><path fill="url(#ixY72Ob)" d="M30 26a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="url(#iy5wdqP)" d="M30 26a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#ikd9hxc)"><path fill="url(#iVp3cVc)" d="M10 26a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="url(#iaKXlFu)" d="M10 26a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g><g filter="url(#iLgydib)"><circle cx="6.137" cy="25.799" r="2.992" stroke="url(#ihvZcEd)" stroke-width=".6"/></g><g filter="url(#imrbTvb)"><circle cx="26.363" cy="25.799" r="2.992" stroke="url(#iQwDsqd)" stroke-width=".6"/></g><g filter="url(#iREjAtd)"><path fill="#4FCAFF" fill-rule="evenodd" d="M8.1 5.005A1 1 0 0 1 8.995 6.1L7.948 16.57a1 1 0 0 0 .221.733l5.404 6.598a3 3 0 0 0 2.321 1.1H26a1 1 0 1 1 0 2H15.894a5 5 0 0 1-3.868-1.833l-4.171-5.092a.15.15 0 0 0-.266.08L6.995 26.1a1 1 0 0 1-1.99-.2l2-20A1 1 0 0 1 8.1 5.006" clip-rule="evenodd"/></g><path fill="url(#iz3FZgS)" fill-rule="evenodd" d="M8.1 5.005A1 1 0 0 1 8.995 6.1L7.948 16.57a1 1 0 0 0 .221.733l5.404 6.598a3 3 0 0 0 2.321 1.1H26a1 1 0 1 1 0 2H15.894a5 5 0 0 1-3.868-1.833l-4.171-5.092a.15.15 0 0 0-.266.08L6.995 26.1a1 1 0 0 1-1.99-.2l2-20A1 1 0 0 1 8.1 5.006" clip-rule="evenodd"/><path fill="url(#ii8Aoib)" fill-rule="evenodd" d="M8.1 5.005A1 1 0 0 1 8.995 6.1L7.948 16.57a1 1 0 0 0 .221.733l5.404 6.598a3 3 0 0 0 2.321 1.1H26a1 1 0 1 1 0 2H15.894a5 5 0 0 1-3.868-1.833l-4.171-5.092a.15.15 0 0 0-.266.08L6.995 26.1a1 1 0 0 1-1.99-.2l2-20A1 1 0 0 1 8.1 5.006" clip-rule="evenodd"/><g filter="url(#ifxYwTc)"><path stroke="url(#i7R9ZFd)" stroke-linecap="round" stroke-width=".4" d="m8.31 6.742l-1.125 9.584a2 2 0 0 0 .465 1.532l5.697 6.671a3 3 0 0 0 2.281 1.052h1.068"/></g><rect width="6" height="2" x="7" y="5" fill="url(#iWpZMie)" rx="1"/><rect width="6" height="2" x="7" y="5" fill="url(#isugHBc)" rx="1"/><rect width="6" height="2" x="7" y="5" fill="url(#iRXIxNc)" rx="1"/><g filter="url(#i4lTm6c)"><path stroke="#73F4FF" stroke-linecap="round" stroke-width=".4" d="m7.245 15.58l-1.323 9.937"/></g><defs><filter id="id7QB5L" width="8.25" height="8" x="22" y="22" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.188235 0 0 0 0 0.152941 0 0 0 0 0.243137 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11472"/></filter><filter id="ikd9hxc" width="8.25" height="8" x="2" y="22" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.188235 0 0 0 0 0.152941 0 0 0 0 0.243137 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11472"/></filter><filter id="iLgydib" width="8.104" height="8.104" x="2.085" y="21.747" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11472" stdDeviation=".38"/></filter><filter id="imrbTvb" width="8.104" height="8.104" x="22.311" y="21.747" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11472" stdDeviation=".38"/></filter><filter id="iREjAtd" width="22.6" height="22.6" x="5" y="4.4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.6"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.317647 0 0 0 0 0.560784 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11472"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".6"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.317647 0 0 0 0 0.560784 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_11472" result="effect2_innerShadow_18_11472"/></filter><filter id="ifxYwTc" width="11.525" height="20.839" x="6.171" y="5.742" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11472" stdDeviation=".4"/></filter><filter id="i4lTm6c" width="3.323" height="11.936" x="4.922" y="14.581" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11472" stdDeviation=".4"/></filter><radialGradient id="iy5wdqP" cx="0" cy="0" r="1" gradientTransform="rotate(90 0 26)scale(2.80677)" gradientUnits="userSpaceOnUse"><stop offset=".75" stop-color="#322153"/><stop offset="1" stop-color="#32254E" stop-opacity="0"/></radialGradient><radialGradient id="iaKXlFu" cx="0" cy="0" r="1" gradientTransform="rotate(90 -10 16)scale(2.80677)" gradientUnits="userSpaceOnUse"><stop offset=".75" stop-color="#322153"/><stop offset="1" stop-color="#32254E" stop-opacity="0"/></radialGradient><radialGradient id="iz3FZgS" cx="0" cy="0" r="1" gradientTransform="rotate(97.419 -.683 9.742)scale(6.24601 1.29025)" gradientUnits="userSpaceOnUse"><stop stop-color="#73FFFF"/><stop offset="1" stop-color="#73FFFF" stop-opacity="0"/></radialGradient><radialGradient id="ii8Aoib" cx="0" cy="0" r="1" gradientTransform="rotate(125.032 2.28 5.503)scale(1.5617 1.06691)" gradientUnits="userSpaceOnUse"><stop offset=".138" stop-color="#4278E5"/><stop offset="1" stop-color="#4278E5" stop-opacity="0"/></radialGradient><radialGradient id="isugHBc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.89081 0 0 -.69538 11.806 5.9)" gradientUnits="userSpaceOnUse"><stop stop-color="#423E47"/><stop offset="1" stop-color="#423E47" stop-opacity="0"/></radialGradient><radialGradient id="iRXIxNc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.75501 0 0 -1.65602 13.147 6)" gradientUnits="userSpaceOnUse"><stop stop-color="#575657"/><stop offset="1" stop-color="#575657" stop-opacity="0"/></radialGradient><linearGradient id="ixY72Ob" x1="27.664" x2="23.664" y1="22.549" y2="29.388" gradientUnits="userSpaceOnUse"><stop stop-color="#1B1856"/><stop offset="1" stop-color="#3D135D"/></linearGradient><linearGradient id="iVp3cVc" x1="7.664" x2="3.664" y1="22.549" y2="29.388" gradientUnits="userSpaceOnUse"><stop stop-color="#1B1856"/><stop offset="1" stop-color="#3D135D"/></linearGradient><linearGradient id="ihvZcEd" x1="8.105" x2="3.291" y1="23.164" y2="26.628" gradientUnits="userSpaceOnUse"><stop stop-color="#323270"/><stop offset="1" stop-color="#422B59"/></linearGradient><linearGradient id="iQwDsqd" x1="28.331" x2="23.518" y1="23.164" y2="26.628" gradientUnits="userSpaceOnUse"><stop stop-color="#323270"/><stop offset="1" stop-color="#422B59"/></linearGradient><linearGradient id="i7R9ZFd" x1="7.083" x2="16.696" y1="13.129" y2="27.194" gradientUnits="userSpaceOnUse"><stop offset=".665" stop-color="#73F4FF"/><stop offset="1" stop-color="#73F4FF" stop-opacity="0"/></linearGradient><linearGradient id="iWpZMie" x1="10" x2="10" y1="6.381" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="#3B2E4C"/><stop offset="1" stop-color="#47265F"/></linearGradient></defs></g></svg>

Kick Scooter アイコンの使い方

React

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

<Icon icon="fluent-emoji:kick-scooter" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:kick-scooter" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:kick-scooter" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--kick-scooter]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:kick-scooter"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:kick-scooter"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/kick-scooter.svg" alt="Kick Scooter アイコン" width="24" height="24">

他のアイコンセットの Kick Scooter アイコン

Kick Scooter アイコンのよくある質問

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

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

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

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

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

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

Fluent Emoji アイコンをすべて見る →