Иконка Cloud Remix

streamline-flex:cloud-remix

Иконка Cloud Remix (streamline-flex:cloud-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
Категория: Основы интерфейса
Теги: cloudremix

Скачать 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.66 4.053q.278-.494.713-.791c.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.374-.39.954-.64 1.795-.654l.039.001c.436 0 .866.151 1.227.386c.367.239.614.533.717.762a.625.625 0 0 0 1.14-.513c-.223-.495-.656-.959-1.175-1.297a3.7 3.7 0 0 0-.973-.45M7.31 1.5c-1.024 0-1.926.236-2.647.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.5" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Flex free icons →