Ferry アイコン
fluent-emoji:ferry
Ferry アイコン(fluent-emoji:ferry)は、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"><g filter="url(#iVsjikd)"><path fill="url(#iZB19Ae)" d="m12.1 14.869l-5.1 5.1h23v-6H12.5c0 .3-.1.6-.4.9"/><path fill="url(#iztJsse)" d="m12.1 14.869l-5.1 5.1h23v-6H12.5c0 .3-.1.6-.4.9"/><path fill="url(#iCqThjd)" d="m12.1 14.869l-5.1 5.1h23v-6H12.5c0 .3-.1.6-.4.9"/></g><path fill="#DED5DD" d="m9 7.969l3.3 4.9c.2.3.3.7.2 1.1H30v-6z"/><path fill="url(#is47Nuc)" d="m9 7.969l3.3 4.9c.2.3.3.7.2 1.1H30v-6z"/><path fill="url(#iIZ8vad)" d="m9 7.969l3.3 4.9c.2.3.3.7.2 1.1H30v-6z"/><path fill="url(#ijSZIWA)" d="m9 7.969l3.3 4.9c.2.3.3.7.2 1.1H30v-6z"/><g filter="url(#itiU5zQ)"><path fill="url(#im71QWb)" d="M20 7.969H8.6c-.3 0-.5-.2-.5-.5s.2-.5.5-.5H20z"/><path fill="url(#iAqKoLe)" d="M20 7.969H8.6c-.3 0-.5-.2-.5-.5s.2-.5.5-.5H20z"/></g><g filter="url(#ikucEiF)"><path fill="#EBE3F0" d="M30 11.969H20v-5c0-.6.4-1 1-1h9z"/></g><path fill="url(#ikypK9d)" d="M30 11.969H20v-5c0-.6.4-1 1-1h9z"/><path fill="#49E8FF" d="M21.6 10.969H30v-3h-8.4c-.3 0-.6.3-.6.6v1.7c0 .4.3.7.6.7"/><path fill="url(#iLS7Q2d)" d="M21.6 10.969H30v-3h-8.4c-.3 0-.6.3-.6.6v1.7c0 .4.3.7.6.7"/><path fill="url(#iKhGqzL)" d="M21.6 10.969H30v-3h-8.4c-.3 0-.6.3-.6.6v1.7c0 .4.3.7.6.7"/><path fill="url(#iqn1zgc)" d="M15 10.369v-.8c0-.3-.3-.6-.6-.6H9.7l1.3 2h3.4c.3 0 .6-.3.6-.6" opacity=".48"/><g filter="url(#iKPp7Xc)"><path fill="#56F5FF" d="M15 10.369v-.8c0-.3-.3-.6-.6-.6H9.672l1.344 2H14.4c.3 0 .6-.3.6-.6"/></g><path fill="url(#iq7zmib)" d="M14 16.269v-.6c0-.4-.3-.7-.7-.7H12l-2 2h3.3c.4 0 .7-.3.7-.7"/><g filter="url(#iOB5xfh)"><path fill="#52FBFF" d="M14 16.269v-.6c0-.4-.3-.7-.7-.7H12l-2 2h3.3c.4 0 .7-.3.7-.7"/></g><g filter="url(#iO4rRub)"><path fill="#52FBFF" d="M16 16.969c-.6 0-1-.4-1-1s.4-1 1-1s1 .4 1 1c0 .5-.4 1-1 1"/></g><g filter="url(#iu2jI8d)"><path fill="#52FBFF" d="M19 16.969c-.6 0-1-.4-1-1s.4-1 1-1s1 .4 1 1c0 .5-.4 1-1 1"/></g><g filter="url(#ihIo6Wc)"><path fill="#52FBFF" d="M22 16.969c-.6 0-1-.4-1-1s.4-1 1-1s1 .4 1 1c0 .5-.4 1-1 1"/></g><g filter="url(#igndNGc)"><path fill="#52FBFF" d="M25 16.969c-.6 0-1-.4-1-1s.4-1 1-1s1 .4 1 1c0 .5-.4 1-1 1"/></g><g filter="url(#iGdGFxe)"><path fill="#52FBFF" d="M28 16.969c-.6 0-1-.4-1-1s.4-1 1-1s1 .4 1 1c0 .5-.4 1-1 1"/></g><g filter="url(#iZuBfac)"><path fill="url(#iK8rU8d)" d="M19.8 3.969h-2.503c-.1 0-.188 0-.297.1l-3 2.9h4.2l1.7-2.7c.108-.136.1-.3-.1-.3"/><path fill="url(#iiegXcK)" d="M19.8 3.969h-2.503c-.1 0-.188 0-.297.1l-3 2.9h4.2l1.7-2.7c.108-.136.1-.3-.1-.3"/></g><g filter="url(#i9U52gF)"><path fill="url(#iHaAcnc)" d="M3 19.969c-.5 0-1 .4-1 1v1c0 1.4.9 2.5 2.2 2.9c.5.1.8.5.8 1v.1c0 1.7 1.3 3 3 3h22v-9z"/></g><path fill="url(#iNzyj7j)" d="M30 24.969H8.5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5H30z"/><g filter="url(#imBWCac)"><path fill="#4F95F5" d="M30.04 27.023c-.923 0-1.83 1.008-3.243 1.008c-1.414 0-1.88-1.07-3.578-1.07c-1.798 0-1.98 1.089-3.696 1.089c-1.316 0-2.085-1.066-3.476-1.066c-1.798 0-2.445 1.066-3.727 1.066c-1.422 0-1.952-1.1-3.75-1.1c-1.203 0-2.172 1.1-3.468 1.1c-1.063 0-1.657-.534-3.032-1.1V30h27.97z"/></g><g filter="url(#ifeWGae)"><path fill="url(#inSd6qe)" d="M30 13.969H11.5c-.3 0-.5-.2-.5-.5s.2-.5.5-.5H30z"/></g><path fill="url(#ibDxU1h)" d="M30 19.969H5v-.4c0-.4.3-.6.6-.6H30z"/><path fill="url(#iVfmJie)" d="M30 19.969H5v-.4c0-.4.3-.6.6-.6H30z"/><path fill="url(#iR4WxAd)" d="M30 19.969H5v-.4c0-.4.3-.6.6-.6H30z"/><path fill="url(#ixaacSS)" d="M30 12.969H15v-.4c0-.4.3-.6.6-.6H30z"/><path fill="url(#igy0Uad)" d="M30 12.969H15v-.4c0-.4.3-.6.6-.6H30z"/><g filter="url(#iKs3Vme)"><path fill="url(#ivxM1Ic)" d="M30 24.969v-5H3c-.5 0-1 .4-1 1v1c0 1.4.9 2.5 2.2 2.9q.157.031.286.1z"/></g><path fill="url(#iydAwsw)" d="M30 24.969v-5H3c-.5 0-1 .4-1 1v1c0 1.4.9 2.5 2.2 2.9q.157.031.286.1z"/><defs><linearGradient id="iZB19Ae" x1="30" x2="7.006" y1="16.969" y2="16.957" gradientUnits="userSpaceOnUse"><stop offset=".602" stop-color="#E7E4F3"/><stop offset="1" stop-color="#E3DCE6"/></linearGradient><linearGradient id="iztJsse" x1="18.5" x2="18.5" y1="13.614" y2="16.077" gradientUnits="userSpaceOnUse"><stop stop-color="#807C9A"/><stop offset="1" stop-color="#807C9A" stop-opacity="0"/></linearGradient><linearGradient id="is47Nuc" x1="11.214" x2="11.655" y1="11.223" y2="10.929" gradientUnits="userSpaceOnUse"><stop stop-color="#A39EA8"/><stop offset="1" stop-color="#A39EA8" stop-opacity="0"/></linearGradient><linearGradient id="iIZ8vad" x1="20.125" x2="17.313" y1="10.969" y2="10.969" gradientUnits="userSpaceOnUse"><stop stop-color="#A3969D"/><stop offset="1" stop-color="#A3969D" stop-opacity="0"/></linearGradient><linearGradient id="iAqKoLe" x1="20.183" x2="19.176" y1="7.969" y2="7.969" gradientUnits="userSpaceOnUse"><stop stop-color="#2F78BA"/><stop offset="1" stop-color="#2F78BA" stop-opacity="0"/></linearGradient><linearGradient id="ikypK9d" x1="25" x2="25" y1="5.969" y2="6.85" gradientUnits="userSpaceOnUse"><stop stop-color="#F5F0F6"/><stop offset="1" stop-color="#F5F0F6" stop-opacity="0"/></linearGradient><linearGradient id="iLS7Q2d" x1="25.5" x2="25.5" y1="7.969" y2="10.969" gradientUnits="userSpaceOnUse"><stop stop-color="#2094F4"/><stop offset="1" stop-color="#2094F4" stop-opacity="0"/></linearGradient><linearGradient id="iqn1zgc" x1="9.67" x2="15.006" y1="9.957" y2="9.957" gradientUnits="userSpaceOnUse"><stop stop-color="#C0FFFE"/><stop offset="1" stop-color="#4CF0F8"/></linearGradient><linearGradient id="iq7zmib" x1="15.061" x2="10.704" y1="5.242" y2="21.501" gradientUnits="userSpaceOnUse"><stop stop-color="#C0FFFE"/><stop offset="1" stop-color="#4CF0F8"/></linearGradient><linearGradient id="iK8rU8d" x1="19.125" x2="15.625" y1="6.156" y2="5" gradientUnits="userSpaceOnUse"><stop offset=".02" stop-color="#D0CAD5"/><stop offset="1" stop-color="#D5CDD9"/></linearGradient><linearGradient id="iiegXcK" x1="16.985" x2="16.985" y1="3.969" y2="4.203" gradientUnits="userSpaceOnUse"><stop stop-color="#EDEBEE"/><stop offset="1" stop-color="#EDEBEE" stop-opacity="0"/></linearGradient><linearGradient id="iHaAcnc" x1="4.595" x2="30.006" y1="24.457" y2="24.457" gradientUnits="userSpaceOnUse"><stop stop-color="#D1CEDC"/><stop offset="1" stop-color="#DBDCED"/></linearGradient><linearGradient id="iNzyj7j" x1="19.001" x2="19.001" y1="23.933" y2="24.982" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".849" stop-color="#fff" stop-opacity=".1"/></linearGradient><linearGradient id="ibDxU1h" x1="30.02" x2="5.02" y1="19.456" y2="19.456" gradientUnits="userSpaceOnUse"><stop stop-color="#685486"/><stop offset="1" stop-color="#504A54"/></linearGradient><linearGradient id="iVfmJie" x1="17.5" x2="17.5" y1="18.969" y2="19.469" gradientUnits="userSpaceOnUse"><stop stop-color="#544A60"/><stop offset="1" stop-color="#544A60" stop-opacity="0"/></linearGradient><linearGradient id="iR4WxAd" x1="5.254" x2="5.984" y1="19.969" y2="19.969" gradientUnits="userSpaceOnUse"><stop stop-color="#3E3E49"/><stop offset="1" stop-color="#3E3E49" stop-opacity="0"/></linearGradient><linearGradient id="ixaacSS" x1="30.012" x2="15.012" y1="12.456" y2="12.456" gradientUnits="userSpaceOnUse"><stop stop-color="#584E64"/><stop offset="1" stop-color="#6B5587"/></linearGradient><linearGradient id="igy0Uad" x1="22.5" x2="22.5" y1="11.969" y2="12.469" gradientUnits="userSpaceOnUse"><stop stop-color="#544A60"/><stop offset="1" stop-color="#544A60" stop-opacity="0"/></linearGradient><linearGradient id="ivxM1Ic" x1="30" x2="2" y1="24.969" y2="24.969" gradientUnits="userSpaceOnUse"><stop offset=".419" stop-color="#3FB6FF"/><stop offset="1" stop-color="#1876C4"/><stop offset="1" stop-color="#488FEA"/></linearGradient><linearGradient id="iydAwsw" x1="16" x2="16" y1="19.619" y2="21.032" gradientUnits="userSpaceOnUse"><stop stop-color="#35B8FF"/><stop offset="1" stop-color="#35B8FF" stop-opacity="0"/></linearGradient><filter id="iVsjikd" width="23.25" height="6" x="7" y="13.969" 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=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.596078 0 0 0 0 0.596078 0 0 0 0 0.654902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="itiU5zQ" width="12.15" height="1.1" x="8.1" y="6.869" 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=".25" dy="-.1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.278431 0 0 0 0 0.388235 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="ikucEiF" width="10.25" height="6" x="20" y="5.969" 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=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.737255 0 0 0 0 0.713726 0 0 0 0 0.729412 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="iKPp7Xc" width="5.928" height="2.4" x="9.072" y="8.969" 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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.180392 0 0 0 0 0.74902 0 0 0 0 0.996078 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="iOB5xfh" width="5.25" height="3.25" x="8.75" y="14.969" 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="-1.25" dy="1.25"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.745098 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="iO4rRub" width="2.5" height="2.5" x="14.5" y="14.969" 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="-.5" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.745098 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="iu2jI8d" width="2.5" height="2.5" x="17.5" y="14.969" 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="-.5" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.745098 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="ihIo6Wc" width="2.5" height="2.5" x="20.5" y="14.969" 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="-.5" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.745098 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="igndNGc" width="2.5" height="2.5" x="23.5" y="14.969" 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="-.5" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.745098 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="iGdGFxe" width="2.5" height="2.5" x="26.5" y="14.969" 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="-.5" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.184314 0 0 0 0 0.745098 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="iZuBfac" width="6.069" height="3" x="14" y="3.969" 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=".1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.713726 0 0 0 0 0.686275 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="i9U52gF" width="28.5" height="9" x="2" y="19.969" 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=".75"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.615686 0 0 0 0 0.584314 0 0 0 0 0.639216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="imBWCac" width="28.569" height="3.65" x="1.47" y="26.95" 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_12336"/><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.247059 0 0 0 0 0.537255 0 0 0 0 0.894118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_12336" result="effect2_innerShadow_18_12336"/></filter><filter id="ifeWGae" width="19.25" height="1.1" x="11" y="12.869" 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=".25" dy="-.1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.137255 0 0 0 0 0.423529 0 0 0 0 0.733333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><filter id="iKs3Vme" width="28.5" height="5.25" x="2" y="19.969" 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="1" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.270588 0 0 0 0 0.34902 0 0 0 0 0.639216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12336"/></filter><radialGradient id="iCqThjd" cx="0" cy="0" r="1" gradientTransform="rotate(134.361 12.427 13.59)scale(4.03908 1.08434)" gradientUnits="userSpaceOnUse"><stop offset=".419" stop-color="#DEDBF2"/><stop offset="1" stop-color="#DEDBF2" stop-opacity="0"/></radialGradient><radialGradient id="ijSZIWA" cx="0" cy="0" r="1" gradientTransform="matrix(-1.12693 1.10011 -.84655 -.8672 15.168 13.152)" gradientUnits="userSpaceOnUse"><stop stop-color="#86848F"/><stop offset="1" stop-color="#86848F" stop-opacity="0"/></radialGradient><radialGradient id="im71QWb" cx="0" cy="0" r="1" gradientTransform="matrix(10.8968 0 0 .5 13.71 7.469)" gradientUnits="userSpaceOnUse"><stop stop-color="#47AFFF"/><stop offset="1" stop-color="#2B87DC"/></radialGradient><radialGradient id="iKhGqzL" cx="0" cy="0" r="1" gradientTransform="matrix(-4.4062 5.18754 -1.16987 -.99367 31.719 7.75)" gradientUnits="userSpaceOnUse"><stop offset=".455" stop-color="#48E6FF"/><stop offset="1" stop-color="#48E6FF" stop-opacity="0"/></radialGradient><radialGradient id="inSd6qe" cx="0" cy="0" r="1" gradientTransform="matrix(17.3602 0 0 .4989 19.945 13.152)" gradientUnits="userSpaceOnUse"><stop stop-color="#3EBBFF"/><stop offset="1" stop-color="#4FA8FF"/></radialGradient></defs></g></svg>Ferry アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:ferry" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:ferry" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:ferry" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--ferry]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:ferry"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:ferry"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/ferry.svg" alt="Ferry アイコン" width="24" height="24">他のアイコンセットの Ferry アイコン
Ferry アイコン のよくある質問
Ferry アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ferry アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:ferry" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ferry アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/ferry.svg" alt="Ferry アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。