Rafting アイコン
temaki:rafting
Rafting アイコン(temaki:rafting)は、Temaki セットの無料 SVG アイコンです（作者: Bryan Housel）。 50 × 50 のグリッドで描かれています。 Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Temaki
- 作者
- Bryan Housel
- ライセンス
- CC0-1.0
- サイズ
- 50 × 50
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="m21.49 8l-.54.97c-.35.72-1.09 1.03-1.92 1.03h-1.27c.73 1 1.9 1.82 3.26 1.82c2.22 0 3.99-1.68 3.99-3.89V8h-3.32c-.08 0-.17-.08-.19 0zm-2.46 1c.44 0 .83-.15 1-.53l.53-.95c.2-.43.63-.52 1.12-.52h4.15c-.54-2-2.49-3.85-4.79-3.85c-2.72 0-4.93 2.02-4.93 4.75c0 .44.05 1.1.17 1.1zm13.66 22c3.7 0 13.36-1.13 16.02-3.68c-1.2-3.68-5.92-3.97-10.25-2.1c-.74.32-1.73.56-2.87.77l-.88-3.43a2.07 2.07 0 0 0 1.13-1.95a2.08 2.08 0 0 0-2.16-2l-.65-2.51c.64-.48.98-1.29.79-2.12c-.26-1.12-1.37-1.84-2.5-1.58c0 0-9.16.08-12.03.85s-3.83 5.59-3.83 5.59l-2.52 8.15H1.01v4h31.68zm-8.23-14.2l7.11-.29l.57 2.18c-1.92.09-5.34.27-8.39.44zm-1.98 6.5l10.72-.48l.89 3.41c-4.38.63-10.05.72-12.74.73l1.12-3.66zm20.04 12.31s6.49-.08 6.49-6.42c0-.25-.02-.44-.05-.68C44.91 31.44 34.08 32 32.71 32H1.01v4.9c.77 0 1.56-.18 2.25-.48c1.15-.53 2.42-.81 3.67-.81s2.51.28 3.63.8c.74.33 1.51.49 2.29.49c.79 0 1.56-.16 2.27-.48a8.9 8.9 0 0 1 3.67-.81c1.26 0 2.5.27 3.65.8c.72.33 1.51.49 2.29.49s1.55-.16 2.26-.48c1.15-.53 2.42-.81 3.66-.81c1.27 0 2.5.27 3.65.8c.73.33 1.52.49 2.29.49l.28-.01l.95 3.62c-.41.07-.81.12-1.23.12c-1.04 0-2.04-.22-2.93-.62c-.91-.42-1.93-.67-3.01-.67c-1.07 0-2.1.25-3.01.67c-.88.4-1.88.63-2.91.63s-2.04-.22-2.93-.62c-.91-.42-1.93-.67-3.01-.67s-2.1.25-3.01.67c-.88.4-1.88.63-2.91.63s-2.03-.22-2.91-.62c-.91-.42-1.93-.67-3.01-.67c-1.06 0-2.09.25-3 .67c-.9.4-1.89.62-2.93.62v4.37c1.04 0 2.03-.22 2.93-.62c.91-.42 1.94-.67 3-.67c1.07 0 2.1.25 3.01.67c.89.4 1.89.62 2.91.62c1.04 0 2.03-.22 2.91-.62c.91-.42 1.94-.67 3.01-.67c1.08 0 2.1.25 3.01.67c.89.4 1.89.62 2.93.62s2.03-.22 2.92-.62c.91-.42 1.94-.67 3.01-.67s2.1.25 3.01.67c.89.4 1.89.62 2.93.62c1.02 0 2.03-.22 2.91-.62c.91-.42 1.94-.67 3.01-.67s1.89.25 2.8.67c.89.4 1.72.62 2.72.62v-4.36c-1 0-1.83-.22-2.72-.62c-.91-.42-1.83-.67-2.9-.67s-2.05.25-2.96.67l-.19.08l-.89-3.48l.49-.19a8.9 8.9 0 0 1 3.68-.81z"/></svg>Rafting アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="temaki:rafting" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="temaki:rafting" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="temaki:rafting" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--rafting]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:rafting"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="temaki:rafting"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/temaki/rafting.svg" alt="Rafting アイコン" width="24" height="24">他のアイコンセットの Rafting アイコン
Rafting アイコン のよくある質問
Rafting アイコンは商用利用でも無料ですか?
はい。Temaki icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rafting アイコンを使うには?
@iconify/react をインストールして <Icon icon="temaki:rafting" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rafting アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/temaki/rafting.svg" alt="Rafting アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。