Ferry ikonu
fluent-emoji-flat:ferry
Ferry ikonu (fluent-emoji-flat:ferry), Fluent Emoji Flat setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Fluent Emoji Flat
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 32 × 32
- Kategori
- Seyahat ve yerler
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="m14 7l2.854-2.854A.5.5 0 0 1 17.207 4h2.56c.1 0 .159.111.103.194L18 7l-.889 1H20V7a1 1 0 0 1 1-1h9v2l-.5 1.5l.5 1.5v1l-.992.988L30 14v5l-2.137 2.777L30 25v3.5H6c-1 0-1-2-1-2.5c0-.718-.5-1-.5-1L8 19l2-2l2-1.008V15c.4-.4.5-.833.5-1l.656-.508L12.5 13l-1.398-1.997l.425-.998l-1.823-.999L9 8h5.889z"/><path fill="#5092ff" d="M30.01 27c-1.75 0-1.76 1.12-3.51 1.12S24.75 27 22.99 27c-1.75 0-1.75 1.12-3.5 1.12S17.74 27 15.99 27s-1.75 1.12-3.5 1.12S10.74 27 8.99 27s-1.75 1.12-3.49 1.12C3.75 28.12 3.75 27 2 27v3h28.01z"/><path fill="#00a6ed" d="M21.083 8.5a.5.5 0 0 1 .5-.5H30v3h-8.417a.5.5 0 0 1-.5-.5zm-9.09 6.5l-2 2h3a1 1 0 1 0 0-2zm4.09 2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2M9.705 9l1.409 2h2.898a1 1 0 1 0 0-2z"/><path fill="#433b6b" d="M15.5 12a.5.5 0 0 0-.5.5v.5l7.5.52L30 13v-1zm-10 7a.5.5 0 0 0-.5.5v.5l12 .5l13-.5v-1z"/><path fill="#0084ce" d="M8 7.5a.5.5 0 0 1 .5-.5H20v1H8.5a.5.5 0 0 1-.5-.5m3 6a.5.5 0 0 1 .5-.5H30v1H11.5a.5.5 0 0 1-.5-.5M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2H30v-5z"/><path fill="#b4acbc" d="M19 8h1v4h-1z"/></g></svg>
Ferry ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:ferry" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:ferry" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:ferry" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--ferry]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:ferry"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:ferry"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ferry.svg" alt="Ferry ikonu" width="24" height="24">
Diğer ikon setlerinde Ferry ikonu
Ferry ikonu: sık sorulan sorular
Ferry ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Ferry ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-emoji-flat:ferry" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Ferry ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ferry.svg" alt="Ferry ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Fluent Emoji Flat ikonları →
ICONYZ
