Skateboard アイコン
fluent-emoji-high-contrast:skateboard
Skateboard アイコン(fluent-emoji-high-contrast:skateboard)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m24.015 2.084l-.027.014c-1.158.255-2.202.995-2.735 2.096c-.47.97-1.13 1.67-1.91 2.46l-12.35 12.31l-.096.097c-.8.81-1.275 1.292-2.334 1.773c-2.04.92-2.73 2.62-2.53 4.21q.019.154.053.307c-.236 1.37-.127 3.022 1.207 4.356c.867.867 2.252 1.327 3.74 1.327h.01l1.02-.02h.009c2.46-.096 4.718-1.001 6.57-2.543a2 2 0 0 0 2.847-2.808l7.11-7.215a2 2 0 1 0 2.807-2.85l.17-.172c2.11-2.144 3.457-5.375 3.457-8.392c0-1.377-.246-3.394-2.453-4.837c-.493-.323-1.084-.44-1.578-.482a7.6 7.6 0 0 0-1.475.034c-.442.05-.834.127-1.097.194c-.098.025-.272.07-.413.14zM4 29a3.35 3.35 0 0 1-.949-1.816c.951 1.102 2.44 1.893 3.982 1.83l.47.01c2.58-.1 4.6-.79 6.42-2.63l12.19-12.73c1.97-2 3.02-4.72 2.91-7.52a4.35 4.35 0 0 0-1.827-3.4c.318.05.61.141.837.29c1.79 1.17 2 2.76 2 4c0 2.75-1.24 5.73-3.17 7.69l-12.09 12.27l-.043.043a11 11 0 0 1-.572.533c-1.72 1.489-3.827 2.355-6.125 2.444l-1 .02c-1.31 0-2.407-.408-3.033-1.034M20.533 9.014a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1m3 3.02a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1m-4.5-1.52a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m2.5 3.52a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1m-10.5 4.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m2.5 3.5a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1m-4.5-1.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m2.5 3.5a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1"/></svg>
Skateboard アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:skateboard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:skateboard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:skateboard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--skateboard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:skateboard"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:skateboard"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/skateboard.svg" alt="Skateboard アイコン" width="24" height="24">
他のアイコンセットの Skateboard アイコン
Skateboard アイコン のよくある質問
Skateboard アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skateboard アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:skateboard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skateboard アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/skateboard.svg" alt="Skateboard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
