Ícone Speedboat

fluent-emoji-high-contrast:speedboat

O ícone Speedboat (fluent-emoji-high-contrast:speedboat) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Fluent Emoji High Contrast
Autor: Microsoft Corporation
Licença: MIT
Tamanho: 32 × 32
Categoria: Viagens e lugares

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m3.38 15.153l7.694 1.262l3.307-2.825c.184-.158.398-.282.595-.368a2.2 2.2 0 0 1 1.154-.214c.34.03.67.14.97.34l4.89 3.2c.6.39.946 1.08.917 1.809l1.296.213l2.577-4.318c.11-.17.3-.27.5-.25l1.32.12c.34.03.56.37.45.69l-1.454 4.314l.58.095c.952.15 1.832 1.004 1.832 1.916L3.225 16.353l1.08 2.02l23.573 4.313q-.113.08-.203.148l-.023.017c-.228.17-.364.267-.524.338c-.14.063-.33.118-.637.118c-.302 0-.49-.055-.63-.117c-.158-.071-.294-.168-.523-.339l-.02-.015c-.21-.156-.506-.377-.884-.545A3.5 3.5 0 0 0 22.983 22c-.573 0-1.04.109-1.448.292c-.376.168-.67.388-.879.544l-.021.016c-.228.17-.363.267-.522.338a1.5 1.5 0 0 1-.63.117c-.302 0-.49-.055-.629-.117c-.158-.07-.293-.168-.521-.338l-.022-.016a4.6 4.6 0 0 0-.878-.544A3.5 3.5 0 0 0 15.985 22a3.5 3.5 0 0 0-1.448.292c-.375.168-.67.388-.878.544l-.022.016c-.228.17-.363.267-.521.338a1.5 1.5 0 0 1-.63.117c-.302 0-.49-.055-.63-.117c-.158-.07-.293-.168-.52-.338l-.022-.016a4.6 4.6 0 0 0-.879-.544A3.5 3.5 0 0 0 8.988 22c-.573 0-1.04.109-1.448.292c-.377.168-.671.39-.88.546l-.02.015l-.122.09a17.5 17.5 0 0 1-2.808-3.595L3 18.134h.002l-.006-.009l-.94-1.838a.5.5 0 0 1-.053-.152H2a1 1 0 0 1-.003-.112c.01-.62.51-.889 1.192-.889c.053 0 .105.007.165.015zm13.3.175c.27-.32.2-.81-.15-1.04l-.19-.122c-.343-.188-.787-.067-.976-.015l-.039.01a1.4 1.4 0 0 0-.294.188l-2.666 2.278l2.34.384zm4.6 2.01l-2.33-1.52a1 1 0 0 0-.49-.17c-.27-.03-.57.06-.8.25l-1.57 1.34l5.655.928a1.03 1.03 0 0 0-.465-.828"/><path d="M28.962 23.204c-.273.122-.492.285-.71.448c-.44.327-.88.655-1.76.655c-.874 0-1.312-.326-1.75-.652c-.439-.327-.879-.655-1.76-.655c-.874 0-1.311.327-1.749.653c-.437.327-.875.654-1.75.654c-.874 0-1.311-.327-1.749-.654c-.437-.326-.874-.653-1.749-.653s-1.312.327-1.75.653l-.164.122c-.389.282-.82.532-1.585.532c-.874 0-1.312-.327-1.75-.654C10.3 23.327 9.863 23 8.989 23c-.856 0-1.293.312-1.72.632l-.03.023c-.436.326-.87.652-1.74.652c-.874 0-1.311-.327-1.749-.654C3.312 23.327 2.875 23 2 23v7h27.99l.01-7q-.204 0-.38.023a2.3 2.3 0 0 0-.658.18"/></g></svg>

Como usar o ícone Speedboat

React

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

<Icon icon="fluent-emoji-high-contrast:speedboat" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:speedboat" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:speedboat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--speedboat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:speedboat"></div>

Web component

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

<iconify-icon icon="fluent-emoji-high-contrast:speedboat"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/speedboat.svg" alt="Ícone Speedboat" width="24" height="24">

O ícone Speedboat em outras coleções

Perguntas frequentes sobre Ícone Speedboat

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

Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Speedboat no React?

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

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

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

Ver todos os Ícones Fluent Emoji High Contrast →