Иконка Wind Surfing
temaki:wind-surfing
Иконка Wind Surfing (temaki:wind-surfing) — бесплатная SVG-иконка из набора Temaki от Bryan Housel. Она нарисована на сетке 50 × 50. Temaki icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Temaki
- Автор
- Bryan Housel
- Лицензия
- CC0-1.0
- Размер
- 50 × 50
- Теги
- windsurfing
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M48 49c-1 0-1.97-.23-2.83-.61c-.88-.41-1.88-.64-2.92-.64c-1.03 0-2.03.24-2.91.64c-.87.38-1.83.61-2.84.61s-1.97-.23-2.83-.61c-.88-.41-1.88-.64-2.92-.64c-1.03 0-2.03.24-2.91.64c-.86.38-1.83.61-2.83.61s-1.97-.23-2.83-.61c-.89-.41-1.88-.64-2.92-.64s-2.03.24-2.91.64c-.86.38-1.83.61-2.83.61c-1.01 0-1.97-.23-2.83-.61c-.88-.41-1.88-.64-2.92-.64s-2.03.24-2.91.64c-.86.38-1.83.61-2.83.61v-4.18c1.01 0 1.97-.23 2.83-.61c.88-.4 1.87-.63 2.92-.63c1.04 0 2.03.24 2.92.63c.86.38 1.83.61 2.83.61s1.97-.23 2.83-.61c.89-.4 1.88-.63 2.92-.63s2.03.24 2.92.63c.86.38 1.83.61 2.83.61c1.01 0 1.98-.23 2.83-.61c.89-.4 1.89-.63 2.92-.63c1.04 0 2.04.24 2.92.63c.86.38 1.83.61 2.83.61c1.01 0 1.97-.23 2.84-.61c.88-.4 1.88-.63 2.91-.63c1.04 0 2.04.24 2.92.63c.86.38 1.83.61 2.83.61V49zM6.94 24.81c1.54 0 2.79-1.23 2.79-2.74s-1.25-2.74-2.79-2.74s-2.78 1.23-2.78 2.74s1.25 2.74 2.78 2.74M19.19 37h-7.97c-1.17 0-2.19-.56-2.65-1.56l-2.95-6.55a2.4 2.4 0 0 1-.09-.66c0-1.59 1.31-2.86 2.92-2.86h6.48l4.44-1.98c.07-.04.25-.09.45-.09c.76 0 1.39.62 1.39 1.37c0 .46-.24.88-.6 1.13l-4.83 2.03c-.32.25-.93.17-.93.17h-2.91l2.44 6h5.39c.53 0 .91-.04 1.23.24l5.28 4.83c.74.67.78 1.76.09 2.49c-.69.72-1.85.62-2.59-.06l-4.59-4.49zm24.84-8.71c.1.17.35.24.58.24c.44 0 .81-.36.81-.81c0-.21-.1-.41-.21-.59c-4.98-9.35-18.43-6.57-20.08-5.96c-.27.1-.43.41-.43.71c0 .44.37.8.81.8c.14 0 .21-.01.33-.04c13.19-2.92 17.49 4.47 18.19 5.66zm2.29.85L29.45 39.61L14.09 1.01c13.74 1.79 31.22 12.3 32.23 28.13"/></svg>Как использовать иконку Wind Surfing
React
import { Icon } from "@iconify/react";
<Icon icon="temaki:wind-surfing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="temaki:wind-surfing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="temaki:wind-surfing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--wind-surfing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:wind-surfing"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="temaki:wind-surfing"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/temaki/wind-surfing.svg" alt="Иконка Wind Surfing" width="24" height="24">Похожие иконки в наборе Temaki
Иконка Wind Surfing в других наборах
Вопросы и ответы: Иконка Wind Surfing
Можно ли бесплатно использовать иконку Wind Surfing в коммерческих проектах?
Да. Temaki icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Wind Surfing в React?
Установите @iconify/react и выведите <Icon icon="temaki:wind-surfing" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Wind Surfing на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/temaki/wind-surfing.svg" alt="Иконка Wind Surfing">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.