Sailboat ikonu

fxemoji:sailboat

Sailboat ikonu (fxemoji:sailboat), Firefox OS Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Mozilla). 512 × 512 ızgara üzerinde çizilmiştir. Firefox OS Emoji icons, Apache 2.0 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: Firefox OS Emoji
Yazar: Mozilla
Lisans: Apache-2.0
Boyut: 512 × 512
Kategori: Yerler

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D7F4F7" d="M501.617 489.617c0 6.6-5.4 12-12 12H22.383c-6.6 0-12-5.4-12-12V22.383c0-6.6 5.4-12 12-12h467.234c6.6 0 12 5.4 12 12z"/><path fill="#00BEEA" d="M10.383 372.944v116.673c0 6.6 5.4 12 12 12h467.234c6.6 0 12-5.4 12-12V375.405c-155.92-.753-365.096-1.972-491.234-2.461"/><path fill="#AF773F" d="M437.433 313.217c-49.014 49.581-114.304 79.843-185.997 79.843c-173.516 0-161.517-32.089-185.997-79.843z"/><path fill="#FF473E" d="M167.544 240.721c1.805 4.339-1.627 9.029-6.481 8.844c-24.176-.921-81.488-2.812-97.148-.705c-4.049.545-7.354-3.375-6.548-7.697c11.189-59.979 72.266-120.626 108.06-154.723c1.754-1.671 4.27.453 3.445 2.906c-8.194 24.344-26.275 91.412-1.328 151.375m16.188-1.316c72.183-21.43 151.942 1.447 151.037-3.75C321.344 158.63 221.208 64.102 182.793 25.102z"/><path fill="#464A4C" d="M182.793 304.767h-8.521c-3.777 0-6.84-5.114-6.84-11.423V36.525c0-6.309 3.062-11.423 6.84-11.423h8.521c3.777 0 6.84 5.114 6.84 11.423v256.819c-.001 6.308-3.063 11.423-6.84 11.423"/><path fill="#D19B61" d="M427.423 288.527H65.372c-9.588 0-17.36 7.773-17.36 17.36v2.485c0 9.588 7.773 17.36 17.36 17.36h362.052c9.588 0 17.36-7.772 17.36-17.36v-2.485c0-9.587-7.773-17.36-17.361-17.36"/><path fill="#00A6C1" d="M440.087 384.355c0 5.496-4.455 9.951-9.951 9.951c-18.504 0-36.136-7.857-48.608-21.123c-12.472 13.266-30.105 21.123-48.608 21.123c-18.738 0-36.583-8.055-49.08-21.625c-12.497 13.571-30.342 21.625-49.079 21.625c-5.496 0-9.951-4.455-9.951-9.951s4.455-9.951 9.951-9.951c16.56 0 31.541-8.495 40.074-22.725a9.95 9.95 0 0 1 9.003-4.822a9.95 9.95 0 0 1 9.007 4.822c8.533 14.229 23.515 22.725 40.075 22.725s31.541-8.495 40.074-22.725l.056-.084q.229-.376.492-.733c.057-.077.121-.148.18-.223c.142-.18.284-.359.439-.53c.101-.111.209-.212.314-.318c.123-.123.241-.249.371-.367c.152-.138.313-.264.472-.391c.094-.075.183-.155.281-.227q.324-.237.664-.445c.05-.031.096-.068.147-.098l.015-.008a10 10 0 0 1 .802-.427a10 10 0 0 1 1.836-.668l.051-.015c.261-.065.524-.114.788-.158c.054-.009.106-.023.16-.031c.224-.033.449-.051.674-.069c.099-.008.197-.022.297-.027c.179-.009.358-.004.537-.003c.148 0 .295-.005.442.003c.132.007.263.024.395.036c.193.017.385.031.577.059c.093.014.185.037.278.053c.224.04.448.079.671.134c.086.021.169.052.254.075c.222.062.444.122.664.2c.621.22 1.221.503 1.79.843l.005.003l.05.034q.395.24.77.516c.073.054.14.114.211.17c.183.144.366.289.54.447c.114.103.218.214.326.322c.12.119.242.235.357.361c.147.162.281.332.416.502c.066.084.137.162.201.248q.264.359.494.737c.016.027.036.051.052.078c8.533 14.229 23.515 22.725 40.074 22.725c5.495.001 9.95 4.456 9.95 9.952m-147.321 32.149c-4.715-2.826-10.826-1.295-13.652 3.416c-8.534 14.229-23.515 22.725-40.075 22.725s-31.541-8.495-40.074-22.725c-.02-.034-.045-.064-.065-.098a10 10 0 0 0-.48-.717c-.065-.088-.138-.169-.205-.254c-.134-.168-.266-.337-.412-.497c-.114-.126-.236-.241-.355-.36c-.109-.108-.213-.22-.328-.324c-.172-.157-.354-.3-.535-.443c-.073-.057-.141-.119-.216-.174a10 10 0 0 0-.756-.507l-.062-.042l-.007-.003a10 10 0 0 0-1.787-.842a10 10 0 0 0-.728-.22c-.064-.017-.126-.04-.19-.056c-.234-.058-.469-.1-.705-.141c-.081-.014-.161-.034-.243-.047c-.201-.03-.403-.045-.605-.062c-.122-.011-.243-.027-.366-.034c-.157-.008-.312-.003-.469-.003c-.17 0-.34-.005-.511.003c-.107.005-.213.021-.32.029c-.217.018-.434.034-.651.066c-.062.009-.122.025-.183.035c-.256.043-.512.09-.765.153c-.025.006-.05.016-.075.022a9.7 9.7 0 0 0-1.73.617l-.048.026q-.43.204-.841.448l-.013.007c-.042.025-.079.055-.121.081c-.235.146-.467.297-.691.463c-.093.069-.179.145-.269.217c-.163.13-.327.259-.483.4c-.128.116-.246.24-.367.362c-.106.107-.216.21-.318.322a9 9 0 0 0-.44.532c-.059.075-.122.144-.178.221q-.267.361-.498.743q-.026.037-.05.075c-8.534 14.229-23.515 22.725-40.075 22.725s-31.541-8.495-40.075-22.725l-.05-.075a10 10 0 0 0-.497-.742c-.06-.081-.126-.154-.188-.233a10 10 0 0 0-.429-.518c-.109-.12-.226-.23-.339-.344s-.224-.231-.344-.339c-.167-.152-.343-.29-.518-.429c-.078-.062-.152-.128-.232-.188a10 10 0 0 0-.745-.499l-.072-.049l-.008-.004a10 10 0 0 0-1.784-.841a10 10 0 0 0-.763-.23c-.052-.014-.103-.033-.155-.046a10 10 0 0 0-.721-.144c-.076-.013-.151-.032-.227-.044c-.204-.03-.408-.045-.612-.063c-.12-.01-.239-.027-.359-.033c-.157-.008-.313-.003-.469-.003c-.17 0-.34-.005-.511.003c-.105.005-.209.02-.314.029c-.219.018-.439.035-.657.067c-.057.008-.112.023-.169.032a10 10 0 0 0-.781.156l-.04.012a10 10 0 0 0-1.492.516c-.09.039-.182.07-.271.111l-.074.039a10 10 0 0 0-.816.435l-.013.007c-.043.026-.082.057-.124.083a10 10 0 0 0-.689.462c-.09.067-.172.14-.26.21c-.167.133-.334.264-.493.408c-.124.112-.237.232-.354.349c-.111.111-.225.219-.332.336c-.15.165-.287.339-.425.513c-.064.081-.132.156-.193.239c-.173.233-.331.474-.482.719l-.065.096c-8.534 14.229-23.515 22.725-40.074 22.725c-13.254 0-25.486-5.453-34.221-14.921v25.287c10.212 6.122 22.027 9.537 34.221 9.537c18.504 0 36.136-7.858 48.609-21.123c12.473 13.266 30.105 21.123 48.609 21.123s36.136-7.858 48.609-21.123c12.473 13.266 30.105 21.123 48.609 21.123c23.264 0 45.161-12.411 57.143-32.391c2.822-4.71 1.292-10.822-3.421-13.649"/></svg>

Sailboat ikonu nasıl kullanılır

React

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

<Icon icon="fxemoji:sailboat" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:sailboat" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:sailboat" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="fxemoji:sailboat"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fxemoji/sailboat.svg" alt="Sailboat ikonu" width="24" height="24">

Diğer ikon setlerinde Sailboat ikonu

Sailboat ikonu: sık sorulan sorular

Sailboat ikonu ticari kullanım için ücretsiz mi?

Evet. Firefox OS Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Sailboat ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="fxemoji:sailboat" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Sailboat 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/fxemoji/sailboat.svg" alt="Sailboat ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Firefox OS Emoji ikonları →