Skateboard アイコン

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

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

fluent-emoji:skateboard

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iDbOwOl)"><path fill="#CA2161" d="M24.985 18a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/></g><g filter="url(#i3xjubb)"><path fill="#CA2161" d="M15.005 28a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/></g><path fill="url(#iqSKnUd)" d="M28.005 3c-.73-.47-1.65-.73-1.78-.77c-1.79-.51-2.85 1.29-3.68 3.02c-.47.97-1.1 1.87-1.88 2.66L8.275 20.46c-.86.87-1.87 1.57-2.96 2.08c-1.17.54-3.31 2.46-3.31 2.46v.55c0 1.45.71 2.83 1.94 3.61c.75.47 1.75.84 3.06.84l1-.02c2.58-.1 4.92-1.18 6.74-3.02l12.09-12.27c1.93-1.96 3.17-4.94 3.17-7.69c0-1.24-.21-2.83-2-4"/><path fill="url(#iIiddbd)" d="M26.385 2.27c-1.9-.8-4.26.03-5.16 1.89c-.47.97-1.13 1.67-1.91 2.46L6.965 18.93c-.86.87-1.33 1.37-2.43 1.87c-2.04.92-2.73 2.62-2.53 4.21c.25 2.03 2.56 4.07 5 3.97l.47.01c2.58-.1 4.6-.79 6.42-2.63l12.19-12.73c1.97-2 3.02-4.72 2.91-7.52a4.34 4.34 0 0 0-2.61-3.84"/><path fill="url(#iFTsphe)" d="M20.505 8.98a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#i1XmgZw)" d="M23.505 12a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#i0z4TDb)" d="M18.505 10.98a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#i4GLfXb)" d="M21.505 14a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#iIZjWZb)" d="M10.505 19a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#iBmbDyd)" d="M13.505 22a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#iaHBWLe)" d="M8.505 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="url(#iNziPvd)" d="M11.505 24a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><defs><radialGradient id="iFTsphe" cx="0" cy="0" r="1" gradientTransform="matrix(.42846 -.50096 .5531 .47305 20.37 8.603)" gradientUnits="userSpaceOnUse"><stop stop-color="#323133"/><stop offset="1" stop-color="#0E0C12"/></radialGradient><radialGradient id="i1XmgZw" cx="0" cy="0" r="1" gradientTransform="rotate(-49.461 24.303 -19.558)scale(.6592 .7278)" gradientUnits="userSpaceOnUse"><stop stop-color="#323133"/><stop offset="1" stop-color="#0E0C12"/></radialGradient><radialGradient id="i0z4TDb" cx="0" cy="0" r="1" gradientTransform="rotate(-49.461 20.696 -14.64)scale(.6592 .7278)" gradientUnits="userSpaceOnUse"><stop stop-color="#323133"/><stop offset="1" stop-color="#0E0C12"/></radialGradient><radialGradient id="i4GLfXb" cx="0" cy="0" r="1" gradientTransform="rotate(-49.461 25.474 -16.387)scale(.6592 .7278)" gradientUnits="userSpaceOnUse"><stop stop-color="#323133"/><stop offset="1" stop-color="#0E0C12"/></radialGradient><radialGradient id="iIZjWZb" cx="0" cy="0" r="1" gradientTransform="rotate(-49.461 25.402 -1.946)scale(.6592 .7278)" gradientUnits="userSpaceOnUse"><stop stop-color="#323133"/><stop offset="1" stop-color="#0E0C12"/></radialGradient><radialGradient id="iBmbDyd" cx="0" cy="0" r="1" gradientTransform="rotate(-49.461 30.158 -3.702)scale(.6592 .7278)" gradientUnits="userSpaceOnUse"><stop stop-color="#323133"/><stop offset="1" stop-color="#0E0C12"/></radialGradient><radialGradient id="iaHBWLe" cx="0" cy="0" r="1" gradientTransform="rotate(-49.461 26.573 1.225)scale(.6592 .7278)" gradientUnits="userSpaceOnUse"><stop stop-color="#323133"/><stop offset="1" stop-color="#0E0C12"/></radialGradient><radialGradient id="iNziPvd" cx="0" cy="0" r="1" gradientTransform="rotate(-49.461 31.33 -.531)scale(.6592 .7278)" gradientUnits="userSpaceOnUse"><stop stop-color="#323133"/><stop offset="1" stop-color="#0E0C12"/></radialGradient><linearGradient id="iqSKnUd" x1="8.123" x2="26.875" y1="23.981" y2="5.118" gradientUnits="userSpaceOnUse"><stop stop-color="#89503B"/><stop offset="1" stop-color="#F0D2A4"/></linearGradient><linearGradient id="iIiddbd" x1="24.104" x2="6.835" y1="7.638" y2="24.908" gradientUnits="userSpaceOnUse"><stop stop-color="#5A4D82"/><stop offset="1" stop-color="#503E5F"/></linearGradient><filter id="iDbOwOl" width="4.55" height="4.7" x="22.735" y="13.7" 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=".3" dy="-.3"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.584314 0 0 0 0 0.227451 0 0 0 0 0.309804 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11510"/><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" dy=".4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.290196 0 0 0 0 0.513726 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_11510" result="effect2_innerShadow_18_11510"/></filter><filter id="i3xjubb" width="4.55" height="4.7" x="12.755" y="23.7" 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=".3" dy="-.3"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.584314 0 0 0 0 0.227451 0 0 0 0 0.309804 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11510"/><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" dy=".4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.290196 0 0 0 0 0.513726 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_11510" result="effect2_innerShadow_18_11510"/></filter></defs></g></svg>

Skateboard アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:skateboard"></iconify-icon>

HTML 画像

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

他のアイコンセットの Skateboard アイコン

Skateboard アイコンのよくある質問

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

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

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

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

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

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

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