Иконка Surfing

map:surfing

Иконка Surfing (map:surfing) — бесплатная 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="M9.416 35.465c13.419 5.673 23.611 8.981 37.967 13.529a.537.537 0 0 0 .61-.466a.57.57 0 0 0-.452-.637C24.928 40.74 7.177 32.816 3.127 30.974c-.419-.169-.906.023-1.063.434c-.17.421.011.875.418 1.034c1.007.454 2.002.897 2.964 1.318l-3.19 2.444c-.362.534-.204 1.217.328 1.58c.396.273.962.239 1.346-.012zm37.038-14.319l-10.445-9.642l.231.023c2.115 0 3.823-1.728 3.823-3.854S38.355 3.82 36.24 3.82a3.84 3.84 0 0 0-3.835 3.854c0 .812.253 1.564.68 2.187l-7.082-2.539l-3.824-5.559a1.84 1.84 0 0 0-1.276-.751a1.84 1.84 0 0 0-2.024 1.626c-.045.421.057.83.26 1.171l3.899 5.684c.181.227.408.42.679.546l4.525 1.785l-7.429 3.82a4.05 4.05 0 0 0-1.979 2.854l.034 6.833l-6.872 3.114a2.4 2.4 0 0 0-1.357 2.07a2.376 2.376 0 0 0 2.274 2.479c.407.021.803-.068 1.143-.24l8.408-3.818a2.36 2.36 0 0 0 1.199-1.604l-.011-4.252l5.836 5.253l-1.075 8.946l-.011.171a2.386 2.386 0 0 0 2.274 2.49a2.39 2.39 0 0 0 2.454-2.069l1.256-10.21l.011-.137a2.4 2.4 0 0 0-.735-1.818l-5.406-4.832l8.145-4.025l7.557 6.992c.339.33.803.534 1.301.534a1.84 1.84 0 0 0 1.822-1.853a1.88 1.88 0 0 0-.627-1.376"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Map Icons →