Ícone Sailboat

emojione-v1:sailboat

O ícone Sailboat (emojione-v1:sailboat) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (v1)
Autor: Emoji One
Licença: CC-BY-SA-4.0
Tamanho: 64 × 64
Categoria: Viagens

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#919090" d="M34.762 50.769c0 1.259-.622 2.279-1.39 2.279s-1.39-1.021-1.39-2.279V14.094c0-1.258.623-2.28 1.39-2.28c.768 0 1.39 1.021 1.39 2.28z"/><path fill="#787878" d="M33.406 50.769V14.094c0-.844.279-1.579.696-1.971c-.204-.196-.442-.309-.696-.309c-.768 0-1.389 1.021-1.389 2.28v36.674c0 1.259.622 2.279 1.389 2.279c.254 0 .492-.112.696-.307c-.416-.393-.696-1.129-.696-1.971"/><path fill="#28b473" d="M30.533 44.686a.3.3 0 0 0 .064-.038c-1.134-8.619-2.892-26.825 2.067-29.386c0 0-10.317.448-19.464 28.27c0 0 13.796-4.294 17.333 1.152"/><path fill="#37a06b" d="M32.499 15.15c-1.828.353-10.947 3.331-19.13 28.23c0 0 5.271-1.637 10.132-1.604c1.594-17.907 6.59-24.461 9-26.624"/><path fill="#28b473" d="M36.33 43.735q-.034-.021-.074-.038c1.319-8.654 3.305-26.941-2.887-29.597c0 0 12.825.609 24.5 28.739c0 0-17.194-4.528-21.539.896"/><path fill="#37a06b" d="M34.1 14.292c5.342 3.694 3.464 20.897 2.197 29.21l.072.037c1.681-2.104 5.299-2.711 9.1-2.664c-1.555-9.939-5.03-25.949-11.368-26.585"/><path fill="#e8bb85" d="M5.886 43.03s29.07 8.899 56.86-1.327c0 0 2.057.747.771 2.458c0 0-4.245.955-5.02 4.361c-.771 3.41-6.433 10.419-6.433 10.419H17.542s-6.259-4.733-7.284-11.177L.092 41.704l5.79 1.327"/><path fill="#d3aa7d" d="M59.659 46.31c1.521-1.632 3.821-2.151 3.821-2.151c1.286-1.711-.772-2.458-.772-2.458c-9.09 3.343-18.306 4.643-26.603 4.876c6.682.678 14.87.898 23.554-.267m-35.708 1.97l-4.239-2.528C11.29 44.689 5.85 43.024 5.85 43.024L.061 41.697l10.162 6.06c1.03 6.443 7.286 11.177 7.286 11.177h13.1c-1.611-1.394-5.827-5.471-6.655-10.656"/><path fill="#5fa8dc" d="M7.396 58.03c.283.152 9.925-8.566 15.771.098c0 0 1.48 1.971 4.02-1.314c2.535-3.286 10.421-6.757 13.24-2.769c0 0 2.754 4.01 4.9 3.359c0 0 7.14-6.586 11.718-1.742c4.575 4.847 2.603 2.368 2.603 2.368l.426 5.971H7.4V58.03"/><path fill="#448eb7" d="M50.2 58.21s2.778-2.564 5.979-3.316c-3.311-2.403-7.534.007-9.602 1.506c.993 1.045 2.407 2.178 3.623 1.81m-37.93.629c.174.09 3.753-3.048 7.852-3.645c-5.645-3.17-12.489 2.959-12.725 2.832v5.971h4.874zm15.77.097s1.477 1.97 4.01-1.317c1.446-1.871 4.625-3.798 7.614-4.379c-3.271-2.641-10.149.54-12.487 3.568q-.225.295-.442.535c.45.449.887.975 1.303 1.593"/></svg>

Como usar o ícone Sailboat

React

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

<Icon icon="emojione-v1:sailboat" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:sailboat" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:sailboat" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione-v1:sailboat"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/sailboat.svg" alt="Ícone Sailboat" width="24" height="24">

O ícone Sailboat em outras coleções

Perguntas frequentes sobre Ícone Sailboat

O ícone Sailboat é grátis para uso comercial?

Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Sailboat no React?

Instale @iconify/react e renderize <Icon icon="emojione-v1:sailboat" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Sailboat a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/sailboat.svg" alt="Ícone Sailboat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (v1) →