Иконка Cloudflare
cib:cloudflare
Иконка Cloudflare (cib:cloudflare) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M22.01 22.458c.198-.672.12-1.292-.208-1.75c-.297-.422-.802-.667-1.411-.698l-11.547-.146a.2.2 0 0 1-.177-.099a.28.28 0 0 1-.031-.208a.33.33 0 0 1 .276-.203l11.646-.151c1.38-.068 2.88-1.182 3.406-2.552l.661-1.734a.34.34 0 0 0 .021-.224a7.57 7.57 0 0 0-7.401-5.927a7.585 7.585 0 0 0-7.182 5.146a3.44 3.44 0 0 0-2.391-.661a3.406 3.406 0 0 0-3.047 3.047c-.036.411-.01.818.083 1.188A4.85 4.85 0 0 0 0 22.34c0 .229.021.464.047.703a.234.234 0 0 0 .224.193h21.307a.3.3 0 0 0 .276-.203zm3.678-7.416c-.104 0-.214 0-.318.016c-.078 0-.141.057-.172.13l-.448 1.568c-.198.672-.125 1.292.208 1.755c.297.422.807.661 1.417.693l2.453.151q.119 0 .182.094a.28.28 0 0 1 .026.203a.31.31 0 0 1-.271.208l-2.563.151c-1.391.063-2.88 1.182-3.406 2.552l-.182.479c-.042.094.026.188.13.188h8.797a.24.24 0 0 0 .224-.167c.151-.547.234-1.12.234-1.708c0-3.469-2.833-6.302-6.313-6.302z"/></svg>
Как использовать иконку Cloudflare
React
import { Icon } from "@iconify/react";
<Icon icon="cib:cloudflare" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:cloudflare" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:cloudflare" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--cloudflare]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:cloudflare"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:cloudflare"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/cloudflare.svg" alt="Иконка Cloudflare" width="24" height="24">
Иконка Cloudflare в других наборах
Вопросы и ответы: Иконка Cloudflare
Можно ли бесплатно использовать иконку Cloudflare в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cloudflare в React?
Установите @iconify/react и выведите <Icon icon="cib:cloudflare" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cloudflare на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/cloudflare.svg" alt="Иконка Cloudflare">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки CoreUI Brands →
ICONYZ
