Ikon Ferry
fluent-emoji-high-contrast:ferry
Ikon Ferry (fluent-emoji-high-contrast:ferry) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji High Contrast
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Perjalanan dan tempat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.854 4.146L14 7H8.5a.5.5 0 0 0 0 1H9l.392.56L12.389 13H30v-2h-8.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5H30V6h-9a1 1 0 0 0-1 1h-2l1.87-2.806A.125.125 0 0 0 19.766 4h-2.559a.5.5 0 0 0-.353.146M12.245 11l-1.35-2H14a1 1 0 1 1 0 2zm.255 3H30v5H8l2-2h.012l1.996-2H12c.4-.4.5-.833.5-1m-1.075 3H13a1 1 0 0 0 .356-1.935zM17 16a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2s.5.282.5 1a8 8 0 0 0 .062 1.082c.125.025.266.038.438.038c.575 0 .812-.152 1.193-.396l.008-.006C7.19 26.405 7.826 26 8.99 26s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718c1.167 0 1.805.403 2.297.717l.008.005c.383.245.623.398 1.205.398c.584 0 .826-.154 1.212-.4l.006-.004c.49-.311 1.125-.714 2.282-.716v-6z"/><path d="M30 27a2.9 2.9 0 0 0-.99.16c-.294.106-.524.253-.755.4c-.44.28-.88.56-1.755.56s-1.311-.28-1.75-.559c-.439-.28-.879-.561-1.76-.561c-.875 0-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56s-.875-.56-1.75-.56s-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56S9.865 27 8.99 27c-.876 0-1.314.28-1.75.561c-.436.28-.871.559-1.74.559l-.12-.002c-.796-.024-1.213-.291-1.63-.558C3.313 27.28 2.875 27 2 27v3h28.01v-3z"/></g></svg>Cara memakai ikon Ferry
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ferry" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ferry" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ferry" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ferry]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ferry"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:ferry"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ferry.svg" alt="Ikon Ferry" width="24" height="24">Ikon Ferry di set ikon lain
FAQ Ikon Ferry
Apakah ikon Ferry gratis untuk penggunaan komersial?
Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ferry di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:ferry" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ferry ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ferry.svg" alt="Ikon Ferry">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.