Ícone Cloudflare
cib:cloudflare
O ícone Cloudflare (cib:cloudflare) é um ícone SVG gratuito da coleção CoreUI Brands de creativeLabs Łukasz Holeczek. Ele é desenhado em uma grade de 32 × 32. CoreUI Brands icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- CoreUI Brands
- Autor
- creativeLabs Łukasz Holeczek
- Licença
- CC0-1.0
- Tamanho
- 32 × 32
Código 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>
Como usar o ícone 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:cloudflare"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/cib/cloudflare.svg" alt="Ícone Cloudflare" width="24" height="24">
O ícone Cloudflare em outras coleções
Perguntas frequentes sobre Ícone Cloudflare
O ícone Cloudflare é grátis para uso comercial?
Sim. CoreUI Brands icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cloudflare no React?
Instale @iconify/react e renderize <Icon icon="cib:cloudflare" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cloudflare a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cib/cloudflare.svg" alt="Ícone Cloudflare">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones CoreUI Brands →
ICONYZ
