Иконка Clouds Bold Duotone
solar:clouds-bold-duotone
Иконка Clouds Bold Duotone (solar:clouds-bold-duotone) — бесплатная 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
- Категория
- Погода
- Теги
- cloudsbold, boldduotone, cloudsboldduotone, cloud
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.2857 18C19.4416 18 22 15.4717 22 12.3529C22 9.88113 20.393 7.78024 18.1551 7.01498C17.8371 4.19371 15.4159 2 12.4762 2C9.32028 2 6.7619 4.52827 6.7619 7.64706C6.7619 8.33687 6.88706 8.9978 7.11616 9.60887C6.8475 9.55673 6.56983 9.52941 6.28571 9.52941C3.91878 9.52941 2 11.4256 2 13.7647C2 16.1038 3.91878 18 6.28571 18H16.2857Z" opacity=".5"/><path d="M18.2857 22C20.3371 22 22 20.4198 22 18.4706C22 16.9257 20.9554 15.6126 19.5008 15.1344C19.2941 13.3711 17.7203 12 15.8095 12C13.7582 12 12.0952 13.5802 12.0952 15.5294C12.0952 15.9605 12.1766 16.3736 12.3255 16.7555C12.1509 16.723 11.9704 16.7059 11.7857 16.7059C10.2472 16.7059 9 17.891 9 19.3529C9 20.8149 10.2472 22 11.7857 22H18.2857Z"/></g></svg>Как использовать иконку Clouds Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:clouds-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:clouds-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:clouds-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--clouds-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:clouds-bold-duotone"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:clouds-bold-duotone"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/clouds-bold-duotone.svg" alt="Иконка Clouds Bold Duotone" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Clouds Bold Duotone
Можно ли бесплатно использовать иконку Clouds Bold Duotone в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Clouds Bold Duotone в React?
Установите @iconify/react и выведите <Icon icon="solar:clouds-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Clouds Bold Duotone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/clouds-bold-duotone.svg" alt="Иконка Clouds Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.