Icône Cloudflare
thesvg-color:cloudflare
L'icône Cloudflare (thesvg-color:cloudflare) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 256 × 116. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 256 × 116
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="116" viewBox="0 0 256 116"><path fill="#fff" d="m202.357 49.394l-5.311-2.124C172.085 103.434 72.786 69.289 66.81 85.997c-.996 11.286 54.227 2.146 93.706 4.059c12.039.583 18.076 9.671 12.964 24.484l10.069.031c11.615-36.209 48.683-17.73 50.232-29.68c-2.545-7.857-42.601 0-31.425-35.497Z"/><path fill="#f4811f" d="M176.332 108.348c1.593-5.31 1.062-10.622-1.593-13.809s-6.374-5.31-11.154-5.842L71.17 87.634c-.531 0-1.062-.53-1.593-.53q-.797-.798 0-1.594c.531-1.062 1.062-1.594 2.124-1.594l92.946-1.062c11.154-.53 22.839-9.56 27.087-20.182l5.312-13.809c0-.532.531-1.063 0-1.594C191.203 20.182 166.772 0 138.091 0C111.535 0 88.697 16.995 80.73 40.896c-5.311-3.718-11.684-5.843-19.12-5.31c-12.747 1.061-22.838 11.683-24.432 24.43c-.531 3.187 0 6.374.532 9.56C16.996 70.107 0 87.103 0 108.348c0 2.124 0 3.718.531 5.842c0 1.063 1.062 1.594 1.594 1.594h170.489c1.062 0 2.125-.53 2.125-1.594z"/><path fill="#faad3f" d="M205.544 48.863h-2.656c-.531 0-1.062.53-1.593 1.062l-3.718 12.747c-1.593 5.31-1.062 10.623 1.594 13.809c2.655 3.187 6.373 5.31 11.153 5.843l19.652 1.062c.53 0 1.062.53 1.593.53q.795.798 0 1.594c-.531 1.063-1.062 1.594-2.125 1.594l-20.182 1.062c-11.154.53-22.838 9.56-27.087 20.182l-1.063 4.78c-.531.532 0 1.594 1.063 1.594h70.108q1.593 0 1.593-1.593c1.062-4.25 2.124-9.03 2.124-13.81c0-27.618-22.838-50.456-50.456-50.456"/></svg>
Comment utiliser l'icône Cloudflare
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:cloudflare" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:cloudflare" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:cloudflare" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cloudflare]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cloudflare"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cloudflare"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/cloudflare.svg" alt="Icône Cloudflare" width="24" height="24">
Icônes similaires dans theSVG Color
L'icône Cloudflare dans d'autres collections
FAQ : Icône Cloudflare
L'icône Cloudflare est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cloudflare dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:cloudflare" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cloudflare à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/cloudflare.svg" alt="Icône Cloudflare">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes theSVG Color →
ICONYZ
