Canoe アイコン
fluent-emoji-high-contrast:canoe
Canoe アイコン(fluent-emoji-high-contrast:canoe)は、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="m26 10.123l-1.01-.99a.444.444 0 0 0-.75.21l-.06.22c-.061.237-.045.467.029.671l-7.317 7.429a129 129 0 0 1-9.152-.26c-1.56-.1-3.12-.22-4.64-.38a.6.6 0 0 0-.137.004q-.042.005-.083.006c-.49.05-.88.42-.88.88c0 .092.008.175.017.265l.003.025c.01.13.028.27.048.39h.003q.049.517.166 1.015c.449 1.897 1.632 3.549 3.272 4.699H5.5c-.875 0-1.312-.327-1.75-.654C3.312 23.327 2.875 23 2 23v7h27.99l.01-7c-.873 0-1.31.326-1.749.652c-.439.327-.879.655-1.76.655h-.004c1.64-1.15 2.826-2.802 3.276-4.7q.119-.502.167-1.024l-.013.002l.016-.182v-.002l.017-.198c.01-.09.02-.19.02-.29c0-.46-.39-.82-.89-.88q-.04 0-.083-.006a.6.6 0 0 0-.137-.004c-1.52.16-3.07.28-4.64.38a127 127 0 0 1-5.932.242l6.621-6.722c.206.071.436.085.671.02l.22-.06c.34-.09.45-.52.2-.76m-.83 13.83a6 6 0 0 1-.428-.298c-.439-.327-.879-.655-1.76-.655c-.874 0-1.311.327-1.749.653c-.437.327-.875.654-1.75.654c-.874 0-1.311-.327-1.749-.654c-.437-.326-.874-.653-1.749-.653s-1.312.327-1.75.653a8 8 0 0 1-.27.197c.16-.534.09-1.118-.206-1.606l1.882-1.911a130 130 0 0 0 13.056-.614c-.523 1.76-1.798 3.28-3.528 4.233m-15.698-.915A3 3 0 0 0 8.988 23c-.876 0-1.314.328-1.75.655c-.136.1-.27.202-.419.293c-1.726-.952-2.994-2.471-3.517-4.23c3.562.355 7.257.557 10.97.604l-1.211 1.23a1.995 1.995 0 0 0-2.441.321z"/></svg>
Canoe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:canoe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:canoe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:canoe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--canoe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:canoe"></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:canoe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/canoe.svg" alt="Canoe アイコン" width="24" height="24">
Canoe アイコン のよくある質問
Canoe アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Canoe アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:canoe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Canoe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/canoe.svg" alt="Canoe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
