Иконка Cloud Bolt Bold Duotone

solar:cloud-bolt-bold-duotone

Иконка Cloud Bolt Bold Duotone (solar:cloud-bolt-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
Категория: Погода
Теги: cloudbolt, boltbold, boldduotone, cloudboltboldduotone

Скачать SVG

Код 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="M9.62607 17.4651L10.7744 15.9104C11.5166 14.9054 11.8878 14.4029 12.234 14.5091C12.5803 14.6153 12.5803 15.2316 12.5803 16.4642V16.5804C12.5803 17.025 12.5803 17.2472 12.7222 17.3867L12.7297 17.3939C12.8748 17.5304 13.106 17.5304 13.5683 17.5304C14.4004 17.5304 14.8165 17.5304 14.9571 17.7829C14.9594 17.7871 14.9617 17.7913 14.9639 17.7955C15.0966 18.052 14.8557 18.3781 14.3739 19.0304L13.2256 20.5851C12.4833 21.5901 12.1122 22.0926 11.7659 21.9864C11.4197 21.8802 11.4197 21.2639 11.4197 20.0313L11.4197 19.9151C11.4197 19.4705 11.4197 19.2483 11.2778 19.1088L11.2703 19.1016C11.1252 18.9651 10.894 18.9651 10.4317 18.9651C9.59958 18.9651 9.18354 18.9651 9.04294 18.7126C9.04061 18.7084 9.03835 18.7042 9.03615 18.6999C8.90342 18.4435 9.1443 18.1174 9.62607 17.4651Z"/></g></svg>

Как использовать иконку Cloud Bolt Bold Duotone

React

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

<Icon icon="solar:cloud-bolt-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:cloud-bolt-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:cloud-bolt-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cloud-bolt-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cloud-bolt-bold-duotone"></div>

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

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

<iconify-icon icon="solar:cloud-bolt-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/cloud-bolt-bold-duotone.svg" alt="Иконка Cloud Bolt Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Cloud Bolt Bold Duotone

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

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

Как использовать иконку Cloud Bolt Bold Duotone в React?

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

Как добавить иконку Cloud Bolt Bold Duotone на веб-страницу?

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

Все Иконки Solar →