ICONYZ
Русский
Иконка Boating из набора Map Icons

Иконка Boating

map:boating

Иконка Boating (map:boating) — бесплатная SVG-иконка из набора Map Icons от Scott de Jonge. Она нарисована на сетке 50 × 50. Map Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Map Icons
Автор
Scott de Jonge
Лицензия
OFL-1.1
Размер
50 × 50
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M50 40c-1 0-2.007-.236-2.876-.637a6.9 6.9 0 0 0-2.944-.674a6.9 6.9 0 0 0-2.958.674c-.88.4-1.854.637-2.875.637a6.9 6.9 0 0 1-2.863-.637a6.9 6.9 0 0 0-2.956-.674c-1.045 0-2.054.25-2.945.674a6.95 6.95 0 0 1-2.877.637a6.8 6.8 0 0 1-2.864-.637a6.9 6.9 0 0 0-2.954-.674c-1.056 0-2.052.25-2.946.674a6.9 6.9 0 0 1-2.874.637a6.8 6.8 0 0 1-2.858-.637c-.904-.424-1.902-.674-2.957-.674s-1.768.25-2.673.674C5.711 39.764 5 40 4 40v-4.378c1 0 1.711-.236 2.58-.637c.904-.413 1.76-.663 2.815-.663s1.981.25 2.886.663c.87.4 1.802.637 2.823.637s1.976-.236 2.857-.637a7 7 0 0 1 2.937-.663c1.052 0 2.056.25 2.949.663c.869.4 1.841.637 2.861.637s1.993-.236 2.875-.637a7 7 0 0 1 2.944-.663c1.054 0 2.062.25 2.956.663c.868.4 1.855.637 2.863.637a6.9 6.9 0 0 0 2.875-.637a7.1 7.1 0 0 1 2.958-.663c1.043 0 2.052.25 2.944.663c.869.4 1.876.637 2.876.637zM38.288 21.714l8.466.673l-.639-4.403l-6.215-.447c-1.68-.083-1.438 1.629-1.438 1.629zm-15.699-1.003c1.555 0 2.807-1.274 2.807-2.855c0-1.582-1.251-2.855-2.807-2.855c-1.553 0-2.802 1.274-2.802 2.855s1.249 2.855 2.802 2.855M5.265 31.716a7 7 0 0 0 1.032-.401c.905-.424 1.902-.673 2.957-.673s2.053.249 2.957.673c.87.401 1.837.637 2.858.637a6.9 6.9 0 0 0 2.875-.637a6.86 6.86 0 0 1 2.946-.673c1.052 0 2.061.249 2.954.673a6.8 6.8 0 0 0 2.864.637c1.02 0 1.994-.235 2.876-.637a6.9 6.9 0 0 1 2.945-.673c1.054 0 2.062.249 2.956.673a6.9 6.9 0 0 0 2.863.637a6.9 6.9 0 0 0 2.875-.637a6.9 6.9 0 0 1 2.958-.673c1.043 0 2.052.249 2.944.673a6.8 6.8 0 0 0 2.865.637l-.952-7.807l-35.188-2.998l5.311-5.452l-2.331-.212l-5.304 5.464l-11.525-.968c-.07 4 4.312 10.651 5.264 11.737"/></svg>

Как использовать иконку Boating

React

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

<Icon icon="map:boating" width="24" />

Vue

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

<template>
  <Icon icon="map:boating" width="24" />
</template>

Svelte

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

<Icon icon="map:boating" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[map--boating]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:boating"></div>

Веб-компонент

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

<iconify-icon icon="map:boating"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/map/boating.svg" alt="Иконка Boating" width="24" height="24">

Иконка Boating в других наборах

Иконка Boating из набора Temaki
Temaki

Вопросы и ответы: Иконка Boating

Можно ли бесплатно использовать иконку Boating в коммерческих проектах?

Да. Map Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Boating в React?

Установите @iconify/react и выведите <Icon icon="map:boating" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Boating на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/map/boating.svg" alt="Иконка Boating">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Map Icons →