Иконка Waterdrop Outline

solar:waterdrop-outline

Иконка Waterdrop Outline (solar:waterdrop-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
Категория: Интерфейс
Теги: waterdropoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.7006 6.9571C12.0766 6.78324 12.2404 6.33752 12.0665 5.96157C11.8927 5.58561 11.447 5.42177 11.071 5.59563C9.1061 6.50429 7.59171 8.31108 6.89971 10.4974C6.77471 10.8923 6.99352 11.3138 7.38843 11.4388C7.78333 11.5638 8.20479 11.345 8.32978 10.9501C8.9073 9.12545 10.1551 7.67181 11.7006 6.9571Z"/><path fill-rule="evenodd" d="M14.3856 1.72865C12.8568 1.09045 11.1432 1.09045 9.61438 1.72865C5.15333 3.59087 2.25 8.02164 2.25 12.9281V13.1928C2.25 18.4551 6.42548 22.75 11.6115 22.75H12.3885C17.5745 22.75 21.75 18.4551 21.75 13.1928V12.9281C21.75 8.02164 18.8467 3.59087 14.3856 1.72865ZM10.1922 3.11289C11.3513 2.62904 12.6487 2.62904 13.8078 3.11289C17.6962 4.73608 20.25 8.61139 20.25 12.9281V13.1928C20.25 17.6587 16.7145 21.25 12.3885 21.25H11.6115C7.2855 21.25 3.75 17.6587 3.75 13.1928V12.9281C3.75 8.61139 6.30376 4.73608 10.1922 3.11289Z" clip-rule="evenodd"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →