Wind Surfing アイコン
temaki:wind-surfing
Wind Surfing アイコン(temaki:wind-surfing)は、Temaki セットの無料 SVG アイコンです（作者: Bryan Housel）。 50 × 50 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Temaki
- 作者
- Bryan Housel
- ライセンス
- CC0-1.0
- サイズ
- 50 × 50
- タグ
- windsurfing
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M48 49c-1 0-1.97-.23-2.83-.61c-.88-.41-1.88-.64-2.92-.64c-1.03 0-2.03.24-2.91.64c-.87.38-1.83.61-2.84.61s-1.97-.23-2.83-.61c-.88-.41-1.88-.64-2.92-.64c-1.03 0-2.03.24-2.91.64c-.86.38-1.83.61-2.83.61s-1.97-.23-2.83-.61c-.89-.41-1.88-.64-2.92-.64s-2.03.24-2.91.64c-.86.38-1.83.61-2.83.61c-1.01 0-1.97-.23-2.83-.61c-.88-.41-1.88-.64-2.92-.64s-2.03.24-2.91.64c-.86.38-1.83.61-2.83.61v-4.18c1.01 0 1.97-.23 2.83-.61c.88-.4 1.87-.63 2.92-.63c1.04 0 2.03.24 2.92.63c.86.38 1.83.61 2.83.61s1.97-.23 2.83-.61c.89-.4 1.88-.63 2.92-.63s2.03.24 2.92.63c.86.38 1.83.61 2.83.61c1.01 0 1.98-.23 2.83-.61c.89-.4 1.89-.63 2.92-.63c1.04 0 2.04.24 2.92.63c.86.38 1.83.61 2.83.61c1.01 0 1.97-.23 2.84-.61c.88-.4 1.88-.63 2.91-.63c1.04 0 2.04.24 2.92.63c.86.38 1.83.61 2.83.61V49zM6.94 24.81c1.54 0 2.79-1.23 2.79-2.74s-1.25-2.74-2.79-2.74s-2.78 1.23-2.78 2.74s1.25 2.74 2.78 2.74M19.19 37h-7.97c-1.17 0-2.19-.56-2.65-1.56l-2.95-6.55a2.4 2.4 0 0 1-.09-.66c0-1.59 1.31-2.86 2.92-2.86h6.48l4.44-1.98c.07-.04.25-.09.45-.09c.76 0 1.39.62 1.39 1.37c0 .46-.24.88-.6 1.13l-4.83 2.03c-.32.25-.93.17-.93.17h-2.91l2.44 6h5.39c.53 0 .91-.04 1.23.24l5.28 4.83c.74.67.78 1.76.09 2.49c-.69.72-1.85.62-2.59-.06l-4.59-4.49zm24.84-8.71c.1.17.35.24.58.24c.44 0 .81-.36.81-.81c0-.21-.1-.41-.21-.59c-4.98-9.35-18.43-6.57-20.08-5.96c-.27.1-.43.41-.43.71c0 .44.37.8.81.8c.14 0 .21-.01.33-.04c13.19-2.92 17.49 4.47 18.19 5.66zm2.29.85L29.45 39.61L14.09 1.01c13.74 1.79 31.22 12.3 32.23 28.13"/></svg>Wind Surfing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="temaki:wind-surfing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="temaki:wind-surfing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="temaki:wind-surfing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--wind-surfing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:wind-surfing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="temaki:wind-surfing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/temaki/wind-surfing.svg" alt="Wind Surfing アイコン" width="24" height="24">Temaki の関連アイコン
他のアイコンセットの Wind Surfing アイコン
Wind Surfing アイコン のよくある質問
Wind Surfing アイコンは商用利用でも無料ですか?
はい。Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wind Surfing アイコンを使うには?
@iconify/react をインストールして <Icon icon="temaki:wind-surfing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wind Surfing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/temaki/wind-surfing.svg" alt="Wind Surfing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。