Ícone Ferry
fluent-emoji-high-contrast:ferry
O ícone Ferry (fluent-emoji-high-contrast:ferry) é 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
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="M16.854 4.146L14 7H8.5a.5.5 0 0 0 0 1H9l.392.56L12.389 13H30v-2h-8.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5H30V6h-9a1 1 0 0 0-1 1h-2l1.87-2.806A.125.125 0 0 0 19.766 4h-2.559a.5.5 0 0 0-.353.146M12.245 11l-1.35-2H14a1 1 0 1 1 0 2zm.255 3H30v5H8l2-2h.012l1.996-2H12c.4-.4.5-.833.5-1m-1.075 3H13a1 1 0 0 0 .356-1.935zM17 16a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2s.5.282.5 1a8 8 0 0 0 .062 1.082c.125.025.266.038.438.038c.575 0 .812-.152 1.193-.396l.008-.006C7.19 26.405 7.826 26 8.99 26s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718c1.167 0 1.805.403 2.297.717l.008.005c.383.245.623.398 1.205.398c.584 0 .826-.154 1.212-.4l.006-.004c.49-.311 1.125-.714 2.282-.716v-6z"/><path d="M30 27a2.9 2.9 0 0 0-.99.16c-.294.106-.524.253-.755.4c-.44.28-.88.56-1.755.56s-1.311-.28-1.75-.559c-.439-.28-.879-.561-1.76-.561c-.875 0-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56s-.875-.56-1.75-.56s-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56S9.865 27 8.99 27c-.876 0-1.314.28-1.75.561c-.436.28-.871.559-1.74.559l-.12-.002c-.796-.024-1.213-.291-1.63-.558C3.313 27.28 2.875 27 2 27v3h28.01v-3z"/></g></svg>
Como usar o ícone Ferry
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ferry" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ferry" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ferry" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ferry]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ferry"></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:ferry"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ferry.svg" alt="Ícone Ferry" width="24" height="24">
O ícone Ferry em outras coleções
Perguntas frequentes sobre Ícone Ferry
O ícone Ferry é 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 Ferry no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:ferry" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ferry 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/ferry.svg" alt="Ícone Ferry">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
