Ícone Sailboat
streamline-emojis:sailboat
O ícone Sailboat (streamline-emojis:sailboat) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Viagens e lugares
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M8.98 45.39a15.02 1.61 0 1 0 30.04 0a15.02 1.61 0 1 0-30.04 0" opacity=".15"/><path fill="#bf8256" d="M39.81 37.62a.88.88 0 0 1 .87 1c-.75 5.94-7.44 6.89-17.07 6.89s-16.33-1-17.08-6.89a.88.88 0 0 1 .87-1Z"/><path fill="#dea47a" d="M7 40.36a.9.9 0 0 1 .43-.11h32.38a.9.9 0 0 1 .43.11a7 7 0 0 0 .44-1.75a.88.88 0 0 0-.87-1H7.4a.88.88 0 0 0-.87 1A7 7 0 0 0 7 40.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.81 37.62a.88.88 0 0 1 .87 1c-.75 5.94-7.44 6.89-17.07 6.89s-16.33-1-17.08-6.89a.88.88 0 0 1 .87-1Z"/><path fill="#ff6242" d="M26 5.21h-1.1v28h15.55a.88.88 0 0 0 .65-1.47a67 67 0 0 1-14.25-25.9a.87.87 0 0 0-.85-.63"/><path fill="#ffe500" d="M29.4 13.08a36 36 0 0 1-4.48 1.67v5.95a35.7 35.7 0 0 0 6.82-2.63c-.83-1.62-1.63-3.27-2.34-4.99m4.71 9.23a35.3 35.3 0 0 1-9.19 3.54v5.89a34.2 34.2 0 0 0 12.13-5C36 25.28 35 23.82 34.11 22.31"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26 5.21h-1.1v28h15.55a.88.88 0 0 0 .65-1.47a67 67 0 0 1-14.25-25.9a.87.87 0 0 0-.85-.63"/><path fill="#ff6242" d="M23.17 1.71V35H4.38a.86.86 0 0 1-.61-1.49c7.67-7.43 14.02-18.33 19.4-31.8"/><path fill="#ffe500" d="M23.17 11.5c-1.86.86-3.68 1.58-5.4 2.18q-2.34 4.55-4.88 8.49a63 63 0 0 0 10.28-3.66Zm-19.4 22a.86.86 0 0 0 .61 1.5h7.28a57 57 0 0 0 11.51-5.25v-7A59.8 59.8 0 0 1 7.8 29.14a59 59 0 0 1-4.03 4.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.17 1.71V35H4.38a.86.86 0 0 1-.61-1.49c7.67-7.43 14.02-18.33 19.4-31.8"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.17 1.71h1.75v35.91h-1.75z"/></svg>
Como usar o ícone Sailboat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:sailboat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:sailboat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:sailboat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--sailboat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:sailboat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:sailboat"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/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. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Sailboat no React?
Instale @iconify/react e renderize <Icon icon="streamline-emojis: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/streamline-emojis/sailboat.svg" alt="Ícone Sailboat">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Streamline Emojis →
ICONYZ
