ICONYZ
Русский
Иконка Clouds из набора Keyline Icons

Иконка Clouds

keyline-icons:clouds

Иконка Clouds (keyline-icons:clouds) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Теги
cloud
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 20L14 20C15.6569 20 17 18.6569 17 17C17 15.3431 15.6569 14 14 14C14 11.5147 11.9853 9.5 9.5 9.5C7.0147 9.5 5 11.5147 5 14C3.3431 14 2 15.3431 2 17C2 18.6569 3.3431 20 5 20ZM18.8989 12L19.5 12C20.8807 12 22 10.8807 22 9.5C22 8.1193 20.8807 7 19.5 7C19.5 5.3431 18.1569 4 16.5 4C15.0285 4 13.7742 5.0673 13.5387 6.5198"/></svg>

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

React

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

<Icon icon="keyline-icons:clouds" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:clouds" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:clouds" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--clouds]"></span>

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:clouds"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/clouds.svg" alt="Иконка Clouds" width="24" height="24">

Похожие иконки в наборе Keyline Icons

Иконка clouds-duotone
clouds-duotone
 Иконка clouds-fill
clouds-fill
 Иконка clouds-sharp
clouds-sharp
 Иконка clouds-sharp-duotone
clouds-sharp-duotone
 Иконка clouds-sharp-fill
clouds-sharp-fill
 Иконка clouds-sharp-two-tone
clouds-sharp-two-tone
 Иконка clouds-two-tone
clouds-two-tone

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

Иконка Clouds из набора Material Design Icons
Material Design Icons
 Иконка Clouds из набора Bootstrap Icons
Bootstrap Icons
 Иконка Clouds из набора Gravity UI Icons
Gravity UI Icons
 Иконка Clouds из набора Griddy Icons
Griddy Icons
 Иконка Clouds из набора IconOven
IconOven
 Иконка Clouds из набора Reicon
Reicon
 Иконка Clouds из набора Unicons
Unicons
 Иконка Clouds из набора andrsrxn/icons
andrsrxn/icons

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

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

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

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

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

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

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

Все Keyline Icons →