Ícone Canoe
fluent-emoji-high-contrast:canoe
O ícone Canoe (fluent-emoji-high-contrast:canoe) é 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"><path fill="currentColor" d="m26 10.123l-1.01-.99a.444.444 0 0 0-.75.21l-.06.22c-.061.237-.045.467.029.671l-7.317 7.429a129 129 0 0 1-9.152-.26c-1.56-.1-3.12-.22-4.64-.38a.6.6 0 0 0-.137.004q-.042.005-.083.006c-.49.05-.88.42-.88.88c0 .092.008.175.017.265l.003.025c.01.13.028.27.048.39h.003q.049.517.166 1.015c.449 1.897 1.632 3.549 3.272 4.699H5.5c-.875 0-1.312-.327-1.75-.654C3.312 23.327 2.875 23 2 23v7h27.99l.01-7c-.873 0-1.31.326-1.749.652c-.439.327-.879.655-1.76.655h-.004c1.64-1.15 2.826-2.802 3.276-4.7q.119-.502.167-1.024l-.013.002l.016-.182v-.002l.017-.198c.01-.09.02-.19.02-.29c0-.46-.39-.82-.89-.88q-.04 0-.083-.006a.6.6 0 0 0-.137-.004c-1.52.16-3.07.28-4.64.38a127 127 0 0 1-5.932.242l6.621-6.722c.206.071.436.085.671.02l.22-.06c.34-.09.45-.52.2-.76m-.83 13.83a6 6 0 0 1-.428-.298c-.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.653a8 8 0 0 1-.27.197c.16-.534.09-1.118-.206-1.606l1.882-1.911a130 130 0 0 0 13.056-.614c-.523 1.76-1.798 3.28-3.528 4.233m-15.698-.915A3 3 0 0 0 8.988 23c-.876 0-1.314.328-1.75.655c-.136.1-.27.202-.419.293c-1.726-.952-2.994-2.471-3.517-4.23c3.562.355 7.257.557 10.97.604l-1.211 1.23a1.995 1.995 0 0 0-2.441.321z"/></svg>
Como usar o ícone Canoe
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:canoe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:canoe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:canoe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--canoe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:canoe"></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:canoe"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/canoe.svg" alt="Ícone Canoe" width="24" height="24">
O ícone Canoe em outras coleções
Perguntas frequentes sobre Ícone Canoe
O ícone Canoe é 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 Canoe no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:canoe" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Canoe 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/canoe.svg" alt="Ícone Canoe">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
