Ícone Cloudflare
fa7-brands:cloudflare
O ícone Cloudflare (fa7-brands:cloudflare) é um ícone SVG gratuito da coleção Font Awesome Brands de Dave Gandy. Ele é desenhado em uma grade de 640 × 640. Font Awesome Brands icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Font Awesome Brands
- Autor
- Dave Gandy
- Licença
- CC-BY-4.0
- Tamanho
- 640 × 640
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M407.9 383.9L177.1 381c-.7 0-1.4-.2-2-.5s-1.2-.8-1.6-1.4s-.7-1.3-.7-2s0-1.4.2-2.1c.4-1.1 1.1-2.1 2.1-2.8s2.1-1.2 3.3-1.2l232.9-2.9c27.6-1.3 57.5-23.6 68-50.8l13.3-34.5c.4-.9.5-1.9.5-2.9c0-.5-.1-1.1-.2-1.6c-7.4-32.2-25-61.1-50.3-82.3s-56.7-33.7-89.7-35.5s-65.6 7.3-93 25.7s-48 45.3-58.8 76.5c-11.3-8.5-24.9-13.3-39-13.7s-28 3.5-39.8 11.4s-20.8 19.1-25.9 32.3s-5.9 27.6-2.4 41.3C41.7 335.5-.2 378.1-.2 430.5c0 4.7.3 9.3 1 14c.2 1.1.7 2.1 1.5 2.8s1.9 1.1 2.9 1.1l426.1.1h.1c1.2 0 2.3-.4 3.3-1.1s1.6-1.7 2-2.9l3.3-11.3c3.9-13.4 2.4-25.8-4.1-34.9c-6-8.4-16.1-13.3-28.2-13.9zm105.9-98.8c-2.1 0-4.3.1-6.4.2c-.8.1-1.5.3-2.1.8s-1 1.1-1.3 1.8l-9.1 31.2c-3.9 13.4-2.4 25.8 4.1 34.9c6 8.4 16.1 13.3 28.2 13.9l49.2 2.9c.7 0 1.4.2 2 .5s1.1.8 1.5 1.4s.7 1.3.8 2s0 1.5-.2 2.1c-.4 1.1-1.1 2.1-2.1 2.8s-2.1 1.2-3.3 1.2l-51.1 2.9c-27.8 1.3-57.7 23.6-68.1 50.8l-3.7 9.6c-.2.4-.2.8-.2 1.3s.2.8.4 1.2s.6.7.9.9s.8.3 1.2.3h176c1 0 2-.3 2.8-.9s1.4-1.5 1.7-2.4c3.1-11.1 4.7-22.5 4.7-34c0-69.3-56.5-125.5-126.1-125.5z"/></svg>
Como usar o ícone Cloudflare
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:cloudflare" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:cloudflare" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:cloudflare" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--cloudflare]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:cloudflare"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:cloudflare"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fa7-brands/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. Font Awesome Brands icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Cloudflare no React?
Instale @iconify/react e renderize <Icon icon="fa7-brands: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/fa7-brands/cloudflare.svg" alt="Ícone Cloudflare">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Font Awesome Brands →
ICONYZ
