Иконка Cloud Disable
streamline-freehand:cloud-disable
Иконка Cloud Disable (streamline-freehand:cloud-disable) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Интернет, сети и серверы
- Теги
- clouddisable
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M21.261 7.677a4.94 4.94 0 0 0 1-3C21.91.68 14.754-1.66 12.264 3.139a2.3 2.3 0 0 0-.51-.47a4.418 4.418 0 0 0-6.997 4.199C1.368 6.467-1.24 9.746.62 13.345c.57 1.12 2.799 1.949 3.458 1.619a.31.31 0 0 0-.27-.55a3.49 3.49 0 0 1-2.569-1.41a4.8 4.8 0 0 1-.46-1.999a3.28 3.28 0 0 1 3.83-3.218c.291.06.57.176.819.34a.49.49 0 0 0 .5-.83c-.25-.24-.19-.81-.18-1.18a3.359 3.359 0 0 1 5.348-2.499c.73.51.52 1.47 1.25 1.45c.47 0 .51-.33.91-1.34c1.828-3.799 7.636-1.9 7.996 1a4.32 4.32 0 0 1-.93 2.649s-.55.34-.48.48a.49.49 0 0 0-.22.42c0 .12.37.67.81.34c2.77-.65 3.66 3.508 1.83 5.067a6.44 6.44 0 0 1-2.86 1.32a.35.35 0 0 0 .14.68a7.2 7.2 0 0 0 3.17-1.39c2.219-1.8 1.47-6.287-1.45-6.617"/><path d="M8.006 13.265a.34.34 0 0 0 .37.56c2-1.3 5.218-1.27 6.877.94a4.878 4.878 0 0 1-2.819 7.576a4.59 4.59 0 0 1-3.858-.79c.41-.59 1.77-1.849 2.949-3.398c.83-1.1 1.58-2.28 2.489-3.269a.34.34 0 0 0-.48-.47a33 33 0 0 0-5.528 6.698c-1.46-1.39-2-4.359-.9-5.728a.3.3 0 0 0-.44-.38c-1.11 1.26-.94 3.589-.35 5.058a5.62 5.62 0 0 0 6.368 3.359a5.828 5.828 0 0 0 3.32-9.247a6 6 0 0 0-7.998-.91"/></g></svg>
Как использовать иконку Cloud Disable
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:cloud-disable" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:cloud-disable" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:cloud-disable" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--cloud-disable]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:cloud-disable"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:cloud-disable"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/cloud-disable.svg" alt="Иконка Cloud Disable" width="24" height="24">
Похожие иконки в наборе Freehand free icons
Иконка Cloud Disable в других наборах
Вопросы и ответы: Иконка Cloud Disable
Можно ли бесплатно использовать иконку Cloud Disable в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Cloud Disable в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:cloud-disable" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cloud Disable на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/cloud-disable.svg" alt="Иконка Cloud Disable">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Freehand free icons →
ICONYZ
