Иконка Cloud Warning Remix

streamline-flex:cloud-warning-remix

Иконка Cloud Warning Remix (streamline-flex:cloud-warning-remix) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Flex free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 14 × 14
Категория: Программирование
Теги: cloudwarning, warningremix, cloudwarningremix

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.393 4.708c.185-.657.522-1.13.98-1.446c.464-.32 1.101-.512 1.936-.512c1.017 0 1.741.283 2.222.744c.481.462.797 1.178.846 2.198a.625.625 0 0 0 .613.595c.636.012 1.051.204 1.311.483c.265.283.449.741.449 1.437c0 .745-.224 1.271-.557 1.661c-.342.402-.833.7-1.42.913c-1.187.433-2.603.469-3.464.469c-.855 0-2.43-.043-3.773-.532c-.667-.243-1.237-.581-1.637-1.042c-.39-.448-.649-1.046-.649-1.882c0-.933.251-1.572.639-1.976c.384-.4.985-.654 1.864-.654h.034a.625.625 0 0 0 .606-.456M7.31 1.5c-1.023 0-1.925.236-2.646.733A3.65 3.65 0 0 0 3.338 3.93c-.945.073-1.756.404-2.35 1.022C.312 5.655 0 6.644 0 7.794c0 1.125.36 2.018.956 2.702c.584.672 1.362 1.109 2.152 1.396c1.568.571 3.336.608 4.201.608c.861 0 2.477-.028 3.893-.544c.714-.26 1.417-.66 1.943-1.277c.536-.63.855-1.448.855-2.472c0-.909-.243-1.71-.785-2.29c-.427-.457-.991-.727-1.64-.83c-.137-1.01-.523-1.866-1.178-2.495C9.625 1.852 8.558 1.5 7.309 1.5m.441 3.61a.75.75 0 1 0-1.5 0v1.9a.75.75 0 1 0 1.5 0zm0 4.105a.75.75 0 0 0-1.5 0v.175a.75.75 0 1 0 1.5 0z" clip-rule="evenodd"/></svg>

Как использовать иконку Cloud Warning Remix

React

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

<Icon icon="streamline-flex:cloud-warning-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:cloud-warning-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:cloud-warning-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--cloud-warning-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:cloud-warning-remix"></div>

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

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

<iconify-icon icon="streamline-flex:cloud-warning-remix"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-flex/cloud-warning-remix.svg" alt="Иконка Cloud Warning Remix" width="24" height="24">

Иконка Cloud Warning Remix в других наборах

Вопросы и ответы: Иконка Cloud Warning Remix

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

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

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

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

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

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

Все Flex free icons →