Иконка Waterdrops Outline

solar:waterdrops-outline

Иконка Waterdrops Outline (solar:waterdrops-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Погода
Теги: waterdropsoutline, waterdrop

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.7174 3.75065C12.3192 3.33051 11.6808 3.33051 11.2826 3.75065C10.7109 4.35381 10.0594 5.10764 9.55542 5.87106C9.03283 6.66271 8.75 7.34569 8.75 7.83319C8.75 9.74931 10.2336 11.2499 12 11.2499C13.7664 11.2499 15.25 9.74931 15.25 7.83319C15.25 7.34569 14.9672 6.66271 14.4446 5.87106C13.9406 5.10764 13.2891 4.35381 12.7174 3.75065ZM10.1939 2.71881C11.1837 1.67446 12.8163 1.67446 13.8061 2.71881C14.4068 3.35257 15.1243 4.17806 15.6964 5.04468C16.2499 5.88308 16.75 6.88086 16.75 7.83319C16.75 10.5194 14.6519 12.7499 12 12.7499C9.34809 12.7499 7.25 10.5194 7.25 7.83319C7.25 6.88086 7.75013 5.88308 8.30358 5.04468C8.87567 4.17806 9.59322 3.35257 10.1939 2.71881ZM6.71741 13.7507C6.31922 13.3305 5.68078 13.3305 5.28259 13.7507C4.71094 14.3538 4.05938 15.1076 3.55542 15.8711C3.03283 16.6627 2.75 17.3457 2.75 17.8332C2.75 19.7493 4.23364 21.2499 6 21.2499C7.76636 21.2499 9.25 19.7493 9.25 17.8332C9.25 17.3457 8.96717 16.6627 8.44458 15.8711C7.94062 15.1076 7.28906 14.3538 6.71741 13.7507ZM4.19387 12.7188C5.18366 11.6745 6.81634 11.6745 7.80613 12.7188C8.40678 13.3526 9.12433 14.1781 9.69642 15.0447C10.2499 15.8831 10.75 16.8809 10.75 17.8332C10.75 20.5194 8.65191 22.7499 6 22.7499C3.34809 22.7499 1.25 20.5194 1.25 17.8332C1.25 16.8809 1.75013 15.8831 2.30358 15.0447C2.87567 14.1781 3.59322 13.3526 4.19387 12.7188ZM18.7174 13.7507C18.3192 13.3305 17.6808 13.3305 17.2826 13.7507C16.7109 14.3538 16.0594 15.1076 15.5554 15.8711C15.0328 16.6627 14.75 17.3457 14.75 17.8332C14.75 19.7493 16.2336 21.2499 18 21.2499C19.7664 21.2499 21.25 19.7493 21.25 17.8332C21.25 17.3457 20.9672 16.6627 20.4446 15.8711C19.9406 15.1076 19.2891 14.3538 18.7174 13.7507ZM16.1939 12.7188C17.1837 11.6745 18.8163 11.6745 19.8061 12.7188C20.4068 13.3526 21.1243 14.1781 21.6964 15.0447C22.2499 15.8831 22.75 16.8809 22.75 17.8332C22.75 20.5194 20.6519 22.7499 18 22.7499C15.3481 22.7499 13.25 20.5194 13.25 17.8332C13.25 16.8809 13.7501 15.8831 14.3036 15.0447C14.8757 14.1781 15.5932 13.3526 16.1939 12.7188Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="solar:waterdrops-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:waterdrops-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:waterdrops-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--waterdrops-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:waterdrops-outline"></div>

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

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

<iconify-icon icon="solar:waterdrops-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/waterdrops-outline.svg" alt="Иконка Waterdrops Outline" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →