Ship アイコン
fluent-emoji:ship
Ship アイコン(fluent-emoji:ship)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iuYoj4c)" d="M16.125 9H29.99v6h-16l1.565-5.56a.59.59 0 0 1 .57-.44"/><path fill="url(#iimggiL)" d="M16.125 9H29.99v6h-16l1.565-5.56a.59.59 0 0 1 .57-.44"/><path fill="url(#iLW611b)" d="M16.125 9H29.99v6h-16l1.565-5.56a.59.59 0 0 1 .57-.44"/><path fill="url(#iECPKWv)" d="M16.125 9H29.99v6h-16l1.565-5.56a.59.59 0 0 1 .57-.44"/><g filter="url(#ikq2sEe)"><path fill="#56E6FF" d="M21.99 12c0 1 0-1 0 0c0-1-.46-1-1-1h-5.876l-.558 2h6.434c.54-.01 1 0 1-1"/></g><path fill="url(#i9c74fc)" d="M29.99 16H3.203c-.675 0-1.158.642-.977 1.284L3.99 23h26z"/><path fill="url(#indpQPd)" d="M29.99 16H3.203c-.675 0-1.158.642-.977 1.284L3.99 23h26z"/><path fill="url(#iNytZAc)" d="M29.99 16H3.203c-.675 0-1.158.642-.977 1.284L3.99 23h26z"/><path fill="url(#iu2LJOe)" d="m3.99 23l1.801 6.273c.12.428.517.727.965.727h22.229a1 1 0 0 0 1.005-.996V23z"/><path fill="url(#ia5Muab)" d="m3.99 23l1.801 6.273c.12.428.517.727.965.727h22.229a1 1 0 0 0 1.005-.996V23z"/><path fill="url(#iZhdG3c)" d="M29.99 16h-25v-.414c0-.323.26-.586.58-.586h24.42z"/><path fill="url(#izhpiAe)" d="M29.99 16h-25v-.414c0-.323.26-.586.58-.586h24.42z"/><g filter="url(#ifY97rb)"><path fill="url(#iPac9ad)" d="M30 27.68c-1.75 0-1.75 1.12-3.51 1.12c-1.75 0-1.75-1.12-3.51-1.12c-1.75 0-1.75 1.12-3.5 1.12s-1.75-1.12-3.5-1.12s-1.75 1.12-3.5 1.12s-1.75-1.12-3.5-1.12s-1.75 1.12-3.49 1.12c-1.75 0-1.75-1.12-3.5-1.12V30h28z"/></g><path fill="url(#ikafs5w)" d="M26.98 4.412A.405.405 0 0 0 26.586 4h-2.33c-.587 0-1.055.289-1.433.844L21.99 6h5V4.412z"/><path fill="url(#iHQnXnb)" d="M26.98 4.412A.405.405 0 0 0 26.586 4h-2.33c-.587 0-1.055.289-1.433.844L21.99 6h5V4.412z"/><path fill="url(#ixVpJie)" d="m21.99 6l-2 3h7V6z"/><path fill="#E1D9E7" d="m21.99 6l-2 3h7V6z"/><path fill="url(#i03N66d)" d="m21.99 6l-2 3h7V6z"/><path fill="url(#iKPhoBe)" d="m21.99 6l-2 3h7V6z"/><g filter="url(#iLcn2zb)"><rect width="2" height="2" x="13.74" y="18.719" fill="#63FAFF" rx=".5"/></g><g filter="url(#iwG1Juj)"><rect width="2" height="2" x="17.74" y="18.719" fill="#63FAFF" rx=".5"/></g><g filter="url(#iVDPx3c)"><rect width="2" height="2" x="21.74" y="18.719" fill="#63FAFF" rx=".5"/></g><g filter="url(#ie16pBb)"><rect width="2" height="2" x="25.74" y="18.719" fill="#63FAFF" rx=".5"/></g><g filter="url(#ihXXjKb)"><rect width="2" height="2" x="23.74" y="11" fill="#63FAFF" rx=".5"/></g><defs><linearGradient id="iuYoj4c" x1="28.49" x2="9.783" y1="31" y2="26.116" gradientUnits="userSpaceOnUse"><stop stop-color="#D3D2D2"/><stop offset=".897" stop-color="#fff"/><stop offset=".981" stop-color="#636363"/></linearGradient><linearGradient id="iimggiL" x1="15.137" x2="29.99" y1="12.978" y2="12.978" gradientUnits="userSpaceOnUse"><stop stop-color="#E3DBE9"/><stop offset="1" stop-color="#E6DDED"/></linearGradient><linearGradient id="iLW611b" x1="21.99" x2="21.99" y1="9" y2="9.499" gradientUnits="userSpaceOnUse"><stop stop-color="#F0EBF3"/><stop offset="1" stop-color="#F0EBF3" stop-opacity="0"/></linearGradient><linearGradient id="iECPKWv" x1="14.569" x2="14.951" y1="12.898" y2="13.008" gradientUnits="userSpaceOnUse"><stop offset=".099" stop-color="#A49FA7"/><stop offset="1" stop-color="#A49FA7" stop-opacity="0"/></linearGradient><linearGradient id="i9c74fc" x1="3.035" x2="29.99" y1="20.858" y2="20.858" gradientUnits="userSpaceOnUse"><stop stop-color="#CFC9D9"/><stop offset="1" stop-color="#E1D8EA"/></linearGradient><linearGradient id="indpQPd" x1="16.089" x2="16.089" y1="16" y2="17.276" gradientUnits="userSpaceOnUse"><stop stop-color="#E7E3EA"/><stop offset="1" stop-color="#E7E3EA" stop-opacity="0"/></linearGradient><linearGradient id="iNytZAc" x1="3.38" x2="4.43" y1="21.202" y2="20.875" gradientUnits="userSpaceOnUse"><stop stop-color="#8E8B9C"/><stop offset="1" stop-color="#8E8B9C" stop-opacity="0"/></linearGradient><linearGradient id="iu2LJOe" x1="15.848" x2="15.848" y1="23" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#FB4659"/><stop offset="1" stop-color="#DF4375"/></linearGradient><linearGradient id="ia5Muab" x1="5.308" x2="6.17" y1="26.851" y2="26.627" gradientUnits="userSpaceOnUse"><stop stop-color="#883757"/><stop offset="1" stop-color="#883757" stop-opacity="0"/></linearGradient><linearGradient id="iZhdG3c" x1="8.753" x2="26.18" y1="15.5" y2="15.5" gradientUnits="userSpaceOnUse"><stop stop-color="#58525B"/><stop offset="1" stop-color="#725D87"/></linearGradient><linearGradient id="izhpiAe" x1="4.99" x2="5.911" y1="16" y2="16" gradientUnits="userSpaceOnUse"><stop stop-color="#3D3940"/><stop offset="1" stop-color="#3D3940" stop-opacity="0"/></linearGradient><linearGradient id="iPac9ad" x1="18.839" x2="18.839" y1="30.29" y2="28.125" gradientUnits="userSpaceOnUse"><stop stop-color="#4F96F2"/><stop offset="1" stop-color="#5092EB"/></linearGradient><linearGradient id="ikafs5w" x1="26.99" x2="21.802" y1="5.375" y2="5.375" gradientUnits="userSpaceOnUse"><stop stop-color="#6D5882"/><stop offset="1" stop-color="#484050"/></linearGradient><linearGradient id="iHQnXnb" x1="26.99" x2="26.49" y1="5.469" y2="5.469" gradientUnits="userSpaceOnUse"><stop stop-color="#836E98"/><stop offset="1" stop-color="#836E98" stop-opacity="0"/></linearGradient><linearGradient id="ixVpJie" x1="22.99" x2="16.037" y1="18" y2="13.699" gradientUnits="userSpaceOnUse"><stop stop-color="#D3D2D2"/><stop offset=".833" stop-color="#fff"/><stop offset="1" stop-color="#636363"/></linearGradient><linearGradient id="i03N66d" x1="21.017" x2="21.302" y1="7.465" y2="7.66" gradientUnits="userSpaceOnUse"><stop stop-color="#B5B1B8"/><stop offset="1" stop-color="#B5B1B8" stop-opacity="0"/></linearGradient><linearGradient id="iKPhoBe" x1="26.99" x2="26.459" y1="8.312" y2="8.312" gradientUnits="userSpaceOnUse"><stop stop-color="#FBF8FE"/><stop offset="1" stop-color="#FBF8FE" stop-opacity="0"/></linearGradient><filter id="ikq2sEe" width="8.033" height="2.3" x="13.957" y="11" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy=".3"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.623529 0 0 0 0 0.894118 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12457"/></filter><filter id="ifY97rb" width="28.61" height="2.92" x="1.39" y="27.68" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy=".6"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.384314 0 0 0 0 0.67451 0 0 0 0 0.996078 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12457"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.305882 0 0 0 0 0.556863 0 0 0 0 0.882353 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_12457" result="effect2_innerShadow_18_12457"/></filter><filter id="iLcn2zb" width="2.6" height="2.4" x="13.14" y="18.719" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.698039 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12457"/></filter><filter id="iwG1Juj" width="2.6" height="2.4" x="17.14" y="18.719" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.698039 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12457"/></filter><filter id="iVDPx3c" width="2.6" height="2.4" x="21.14" y="18.719" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.698039 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12457"/></filter><filter id="ie16pBb" width="2.6" height="2.4" x="25.14" y="18.719" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy=".4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.698039 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12457"/></filter><filter id="ihXXjKb" width="2.6" height="2.6" x="23.14" y="11" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy=".6"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.607843 0 0 0 0 0.945098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12457"/></filter></defs></g></svg>Ship アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:ship" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:ship" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:ship" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--ship]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:ship"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:ship"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/ship.svg" alt="Ship アイコン" width="24" height="24">他のアイコンセットの Ship アイコン
Ship アイコン のよくある質問
Ship アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ship アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:ship" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ship アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/ship.svg" alt="Ship アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。