ICONYZ
Русский
Иконка Tidal Wave Solid из набора Flex free icons

Иконка Tidal Wave Solid

streamline-flex:tidal-wave-solid

Иконка Tidal Wave Solid (streamline-flex:tidal-wave-solid) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Flex free icons
Автор
Streamline
Лицензия
CC-BY-4.0
Размер
14 × 14
Категория
Природа и экология
Теги
tidalwave, wavesolid, tidalwavesolid
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.5 6.25v1.5c-1.905 0-3.238-.463-4.154-1.098A.75.75 0 0 1 1.2 5.419c.623.432 1.644.831 3.3.831m0 0c1.914 0 2.837-1.157 2.936-2.121c.05-.49-.1-.948-.445-1.283c-.344-.336-.96-.622-1.971-.596A.75.75 0 0 1 4.663.83c2.063-1.037 4.063-.882 5.68-.275c1.594.598 2.848 1.647 3.5 2.485A.75.75 0 0 1 14 3.5v2.62a.75.75 0 0 1-1.1.664c-.606-.32-1.315-.534-2.4-.534c-1.343 0-2.103.326-2.873.681l-.121.056c-.779.362-1.645.764-3.006.763zm2.501 3.748c-.828.384-1.783.826-2.94.826c-1.804 0-3.19-.596-3.727-.954a.75.75 0 1 1 .832-1.248c.29.194 1.388.702 2.894.702c.82 0 1.498-.313 2.397-.727l.068-.032c.906-.417 1.985-.896 3.403-.896c1.085 0 1.868.188 2.484.47c.51.232.888.525 1.158.735l.132.101a.75.75 0 0 1-.904 1.198l-.172-.132c-.267-.206-.497-.383-.836-.538c-.393-.18-.96-.334-1.862-.334c-1.064 0-1.885.348-2.775.759zm-2.94 3.995c1.717 0 2.692-.473 3.526-.914l.097-.052c.733-.388 1.3-.689 2.334-.689c1.37 0 2.037.565 2.368.991a.75.75 0 1 0 1.185-.92c-.589-.758-1.677-1.57-3.553-1.57c-1.41 0-2.26.45-3.014.851l-.118.063c-.732.386-1.455.74-2.826.74c-1.506 0-2.603-.507-2.894-.701a.75.75 0 1 0-.832 1.248c.537.358 1.923.953 3.726.953" clip-rule="evenodd"/></svg>

Как использовать иконку Tidal Wave Solid

React

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

<Icon icon="streamline-flex:tidal-wave-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:tidal-wave-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:tidal-wave-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--tidal-wave-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:tidal-wave-solid"></div>

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

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

<iconify-icon icon="streamline-flex:tidal-wave-solid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-flex/tidal-wave-solid.svg" alt="Иконка Tidal Wave Solid" width="24" height="24">

Похожие иконки в наборе Flex free icons

Иконка Tidal Wave Solid в других наборах

Вопросы и ответы: Иконка Tidal Wave Solid

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

Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Flex free icons →