Canoe 1 Outline アイコン

Q: Canoe 1 Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:canoe-1-outline

Canoe 1 Outline アイコン(glyphs:canoe-1-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: canoeoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.786 25a2 2 0 0 1 .732-2.732l3.464-2a2 2 0 0 1 2 3.464l6.73 11.655H60c4.476 0 8.27-2.943 9.544-7.004a2 2 0 0 1 3.151-.968A13.98 13.98 0 0 1 78 38.387c0 7.732-6.268 14-14 14H53.668A5.643 5.643 0 0 1 43.3 56.84l-2.042-4.452H16c-7.732 0-14-6.268-14-14c0-4.447 2.076-8.411 5.304-10.972a2 2 0 0 1 3.152.968c1.273 4.061 5.068 7.004 9.544 7.004h15.092l-5.574-9.655A2 2 0 0 1 26.786 25m10.616 14.387H20c-5.145 0-9.638-2.774-12.071-6.905A9.95 9.95 0 0 0 6 38.387c0 5.523 4.477 10 10 10h23.423l-.113-.246a4.73 4.73 0 0 1-.395-2.582c.099-.761.38-1.492.824-2.124zm5.8 2.047l-1.181-2.047H60c5.145 0 9.638-2.774 12.071-6.905A9.95 9.95 0 0 1 74 38.387c0 5.523-4.477 10-10 10H51.02l-3.527-4.97a4.75 4.75 0 0 0-4.29-1.983m.048 4.083a.745.745 0 0 0-.305.956l1.413 3.08l.005.01l2.573 5.608a1.642 1.642 0 1 0 2.832-1.635L44.23 45.73a.745.745 0 0 0-.98-.215" clip-rule="evenodd"/></svg>

Canoe 1 Outline アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:canoe-1-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:canoe-1-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:canoe-1-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--canoe-1-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:canoe-1-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:canoe-1-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/canoe-1-outline.svg" alt="Canoe 1 Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

Canoe 1 Outline アイコンのよくある質問

Canoe 1 Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Canoe 1 Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="glyphs:canoe-1-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Canoe 1 Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/canoe-1-outline.svg" alt="Canoe 1 Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Glyphs アイコンをすべて見る →