Sailboat アイコン

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

はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

emojione-monotone:sailboat

Sailboat アイコン(emojione-monotone:sailboat)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (Monotone)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 旅行

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M28.628 43.311h-.635a.32.32 0 0 0-.318.317v.636c0 .174.143.316.318.316h.635a.32.32 0 0 0 .317-.316v-.636a.32.32 0 0 0-.317-.317m-3.788-.077h-2.132a.356.356 0 0 0-.355.355v.711c0 .195.16.355.355.355h2.132c.196 0 .355-.16.355-.355v-.71a.357.357 0 0 0-.355-.356"/><path fill="currentColor" d="M47.039 46.516a42 42 0 0 0-2.927-.901c-1.43-.383-2.902-.661-4.326-.931c-1.846-.35-3.588-.68-4.679-1.145c-.387-.164-1.271-.76-2.14-1.43v-2.367l13.549 2.902l-13.548-33.87c0-.353-.2-.649-.484-.819V6.779c2.582.507 5.162-2.414 7.742-1.906c-2.58-1.779-5.16-.126-7.742-1.905V2h-.968v5.956a.95.95 0 0 0-.483.818S18.011 29.005 11.117 41.425a38 38 0 0 0-2.5 2.634l-.036.043q-.387-.005-.775-.007H4.927l.986 2.419H2V62h60V46.516zM32.968 13.939L43.37 39.991l-10.402-2.26zm-1.651 29.333c.711.575 2.19 1.688 3.031 2.048c2.188.932 5.97 1.283 9.264 2.164c3.2.855 6.104 2.111 7.879 2.959c-5.72-1.613-18.075-4.699-32.491-5.875c.551-.546 1.125-1.24 1.125-1.24c.378-.375 1.123-.684 1.654-.684h7.832c.535.001 1.292.294 1.706.628m10.871 7.441l.008-.262c.008-.003 1.469-.049 2.342.824c.832.831.911 2.373.913 2.433h-.259a3.474 3.474 0 0 0-3.004-2.995m2.743 3.15h-.973a2.234 2.234 0 0 0-1.918-1.918v-.973a3.2 3.2 0 0 1 2.891 2.891m-13.899-41.55V26.95c-.829-.5-3.251-1.784-7.439-2.689c2.78-4.512 5.49-8.85 7.439-11.948m-11.597 18.75c7.465.237 10.647 1.961 11.598 2.62v4.086c-6.418.024-13.131.972-16.531 1.601c1.324-2.307 3.056-5.21 4.933-8.307m-8.554 11.271l.277-.283c1.966-.473 10.211-2.305 19.874-2.305v1.229c-.482-.164-.979-.266-1.42-.266H21.78c-1.037 0-2.277.512-3.016 1.243l-.07.069l-.063.076c-.451.547-1.038 1.172-1.276 1.359c-.584.248-2.763.582-4.784.73c-1.19-.044-2.389-.068-3.594-.08a36 36 0 0 0 1.904-1.772m5.637 15.795c-5.306-3.976-8.711-12.097-8.711-12.097c12.677 0 24.818 1.993 33.508 3.89v.094c-.107 0-1.665-.043-2.66.951c-.965.967-1.038 2.68-1.041 2.752h-.218v.864h.218c.003.073.076 1.79 1.041 2.757c.427.426.956.659 1.433.789zm24.794-7.416a3.476 3.476 0 0 0-3.005 3.006h-.258c.005-.061.083-1.612.913-2.443c.875-.873 2.334-.827 2.344-.824zm-.006 7.142c-.01.004-1.469.049-2.344-.824c-.83-.832-.908-2.39-.913-2.448h.257a3.475 3.475 0 0 0 3.006 3.01zm.154-.521a3.2 3.2 0 0 1-2.891-2.891h.973a2.234 2.234 0 0 0 1.918 1.918zm-1.647-3.181a1.94 1.94 0 0 1 1.937-1.937a1.94 1.94 0 0 1 1.937 1.937a1.94 1.94 0 0 1-1.937 1.937a1.94 1.94 0 0 1-1.937-1.937m2.383 3.702l-.008-.263a3.47 3.47 0 0 0 3.006-3.01h.257c-.002.059-.081 1.616-.913 2.448c-.873.874-2.334.829-2.342.825m1.217.274c.477-.13 1.006-.363 1.434-.789c.966-.967 1.039-2.684 1.041-2.757h.217v-.875h-.217c-.002-.071-.075-1.774-1.041-2.741a3 3 0 0 0-.412-.336c6.08 1.439 9.823 2.66 9.823 2.66l1.936 4.838z"/><circle cx="13.612" cy="48.452" r="1.452" fill="currentColor"/></svg>

Sailboat アイコンの使い方

React

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

<Icon icon="emojione-monotone:sailboat" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:sailboat" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:sailboat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--sailboat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:sailboat"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-monotone:sailboat"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-monotone/sailboat.svg" alt="Sailboat アイコン" width="24" height="24">

他のアイコンセットの Sailboat アイコン

Sailboat アイコンのよくある質問

Sailboat アイコンは商用利用でも無料ですか?

はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Sailboat アイコンを使うには?

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

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

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

Emoji One (Monotone) アイコンをすべて見る →