Sailboat icon

fxemoji:sailboat

The Sailboat icon (fxemoji:sailboat) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Places

Download SVG

SVG code

<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>

How to use the Sailboat icon

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 component

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

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

HTML image

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

Sailboat icon in other icon sets

Sailboat icon FAQ

Is the Sailboat icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Sailboat icon in React?

Install @iconify/react and render <Icon icon="fxemoji:sailboat" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sailboat icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/sailboat.svg" alt="Sailboat icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →