Ikon Ship
fxemoji:ship
Ikon Ship (fxemoji:ship) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Tempat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#76DFFF" 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 338.078v151.539c0 6.6 5.4 12 12 12h467.234c6.6 0 12-5.4 12-12V340.813c-155.92-.837-365.098-2.191-491.234-2.735"/><path fill="#FFF" d="M501.617 107.075H392.762a7.2 7.2 0 0 0-7.2 7.2v15.722a16.8 16.8 0 0 0-7.501-1.775h-37.675V47.603a5.22 5.22 0 0 0-5.222-5.221h-14.037a5.22 5.22 0 0 0-5.222 5.221v80.619h-27.18a16.88 16.88 0 0 0-16.419 12.968l-17.004 71.415h-111.59a7.2 7.2 0 0 0-7.2 7.2v38.34a7.2 7.2 0 0 0 7.2 7.2H456.3a7.2 7.2 0 0 0 7.2-7.2v-16.194h38.117z"/><path fill="#2B3B47" d="M501.617 176.857H368.568c-5.179 0-9.376-4.198-9.376-9.376s4.197-9.376 9.376-9.376h133.049zm0 21.684H368.568c-5.179 0-9.376 4.198-9.376 9.376s4.197 9.376 9.376 9.376h133.049zm0 43.41H67.024c-6.607 0-10.726 7.163-7.403 12.873l56.836 97.678a8.57 8.57 0 0 0 7.403 4.258h377.757z"/><path fill="#00A6C1" d="M443.087 386.497c0 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.004-4.822a9.95 9.95 0 0 1 9.006 4.822c8.533 14.229 23.515 22.725 40.075 22.725s31.541-8.495 40.074-22.725l.057-.085q.228-.376.491-.732c.059-.08.125-.152.186-.23c.14-.177.28-.354.433-.523c.104-.115.216-.219.324-.329c.119-.119.234-.242.36-.356c.157-.142.322-.272.487-.403c.089-.071.173-.146.265-.214q.336-.246.689-.462c.042-.026.08-.057.123-.083l.013-.007a10 10 0 0 1 .843-.449l.046-.024c.2-.093.406-.171.612-.25a10 10 0 0 1 1.11-.364l.083-.025a10 10 0 0 1 .768-.154c.06-.01.119-.025.18-.034c.218-.032.437-.049.656-.067c.105-.009.21-.023.315-.029c.173-.008.344-.004.517-.003c.154 0 .308-.005.463.003c.124.006.247.023.37.034c.201.017.401.032.601.061c.083.012.164.033.246.047c.235.041.47.082.703.141c.066.017.131.04.197.058c.242.066.483.133.721.218a10 10 0 0 1 1.787.842l.006.003l.059.04q.39.236.759.509c.076.056.144.118.217.176c.181.143.362.286.534.442c.115.104.219.215.328.324c.119.119.241.234.355.36c.146.161.279.33.413.499c.067.085.139.164.204.252q.26.354.488.727c.018.03.04.057.058.087c8.533 14.229 23.515 22.725 40.074 22.725c5.497 0 9.952 4.455 9.952 9.951m-150.321 30.007c-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"/><path fill="#FF473E" d="M463.5 104.726v5.321c0 8.217-6.661 14.878-14.878 14.878h-22.079c-8.217 0-14.878-6.661-14.878-14.878v-5.321c0-8.217 6.661-14.878 14.878-14.878h22.079c8.217 0 14.878 6.661 14.878 14.878M185.344 287.289c-10.168 0-18.41 8.242-18.41 18.41s8.242 18.41 18.41 18.41s18.41-8.242 18.41-18.41s-8.243-18.41-18.41-18.41"/><circle cx="311.921" cy="305.699" r="18.41" fill="#D1CFC3"/><path fill="#597B91" d="M316.958 205.271h-10.074a7.2 7.2 0 0 1-7.2-7.2v-27.416a7.2 7.2 0 0 1 7.2-7.2h10.074a7.2 7.2 0 0 1 7.2 7.2v27.416a7.2 7.2 0 0 1-7.2 7.2"/></svg>Cara memakai ikon Ship
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:ship" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:ship" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:ship" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--ship]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:ship"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:ship"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/ship.svg" alt="Ikon Ship" width="24" height="24">Ikon Ship di set ikon lain
FAQ Ikon Ship
Apakah ikon Ship gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ship di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:ship" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ship ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/ship.svg" alt="Ikon Ship">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.