Kitesurfing アイコン
mdi:kitesurfing
Kitesurfing アイコン(mdi:kitesurfing)は、Material Design Icons セットの無料 SVG アイコンです（作者: Pictogrammers）。 24 × 24 のグリッドで描かれています。 Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Design Icons
- 作者
- Pictogrammers
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m16.5 4.5l-1-1.07L17.92 1H20zM20.96 23q-1.59 0-3-.75c-1.84 1-4.15 1-5.99 0c-1.84 1-4.15 1-5.97 0c-1.23.69-2.64.8-4 .75v-2c1.41.05 2.77-.1 4-1c1.74 1.25 4.21 1.25 5.97 0c1.77 1.25 4.23 1.25 5.99 0c1.21.9 2.58 1.05 3.98 1v2zm-.61-10.74c-2.05-.76-4.21.35-6.27 1.1l-1.69-1.86H9.58V8c2.31.19 4.71-.33 6.32-2.04l-1.4-1.4C13.6 5.46 12.3 6 11 6H8c-1.11 0-2.05.92-2 2c.07 1.35-.33 4.73.45 5.87L8 16.82c-.57.41-1.07.8-1.5 1.18c1.59 1.5 4.15 1.17 5.47-.5c.94 1.09 2.48 1.8 3.93 1.33c1.55-1.06 6.84-4.83 4.45-6.57m-8.92 2.39c-.43.24-1.27.72-1.61.96l-.85-2.02l2.49-.09l.7.75zM8 1c-1.1 0-2 .9-2 2s.9 2 2 2s2-.89 2-2s-.89-2-2-2"/></svg>Kitesurfing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:kitesurfing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:kitesurfing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:kitesurfing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--kitesurfing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:kitesurfing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:kitesurfing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mdi/kitesurfing.svg" alt="Kitesurfing アイコン" width="24" height="24">他のアイコンセットの Kitesurfing アイコン
Kitesurfing アイコン のよくある質問
Kitesurfing アイコンは商用利用でも無料ですか?
はい。Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kitesurfing アイコンを使うには?
@iconify/react をインストールして <Icon icon="mdi:kitesurfing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kitesurfing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mdi/kitesurfing.svg" alt="Kitesurfing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。