Иконка Canoe
fluent-emoji-high-contrast:canoe
Иконка Canoe (fluent-emoji-high-contrast:canoe) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Путешествия и места
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/canoe.svg" alt="Иконка Canoe" width="24" height="24">
Иконка Canoe в других наборах
Вопросы и ответы: Иконка Canoe
Можно ли бесплатно использовать иконку Canoe в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Canoe в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:canoe" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Canoe на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/canoe.svg" alt="Иконка Canoe">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
