Icône Cloudflare

lineicons:cloudflare

L'icône Cloudflare (lineicons:cloudflare) est une icône SVG gratuite de la collection Lineicons. Elle est dessinée sur une grille de 24 × 24. Les Lineicons 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: Lineicons
Auteur: Lineicons
Licence: MIT
Taille: 24 × 24
Catégorie: Normal

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.607 12.744c.059-.2.036-.384-.061-.52a.53.53 0 0 0-.42-.207l-3.426-.044a.07.07 0 0 1-.053-.028a.08.08 0 0 1-.008-.061a.1.1 0 0 1 .08-.062l3.457-.044c.408-.02.854-.35 1.01-.757l.197-.514a.1.1 0 0 0 .006-.067a2.245 2.245 0 0 0-2.195-1.758c-.99 0-1.831.64-2.132 1.527a1.012 1.012 0 0 0-1.588 1.06a1.438 1.438 0 0 0-1.383 1.647a.07.07 0 0 0 .067.058h6.322c.036 0 .07-.025.08-.061zm3.224 1.336a.17.17 0 0 1-.17-.17a.17.17 0 0 1 .17-.169a.17.17 0 0 1 .169.17c0 .092-.077.17-.17.17m0-.306a.137.137 0 0 0 0 .273a.137.137 0 0 0 0-.273m.085.226h-.039l-.034-.064H21.8V14h-.036v-.187h.089c.039 0 .063.026.063.062a.06.06 0 0 1-.039.056zm-.066-.098c.013 0 .027-.008.027-.027c0-.022-.011-.028-.027-.028h-.056v.056zm-17.704-.177h.434v1.182h.753v.379H4.146zm1.636.784v-.005c0-.448.362-.813.844-.813c.481 0 .837.358.837.806v.005c0 .448-.362.813-.844.813c-.481 0-.837-.358-.837-.806m1.24 0v-.005c0-.226-.16-.42-.4-.42c-.236 0-.395.191-.395.416v.006c0 .225.16.42.398.42s.398-.192.398-.417m.972.092v-.876h.44v.867c0 .226.114.332.287.332c.172 0 .287-.103.287-.32v-.88h.439v.866c0 .504-.287.724-.732.724c-.442 0-.72-.224-.72-.713m2.116-.876h.6c.557 0 .882.32.882.77v.005c0 .451-.328.785-.89.785h-.592zm.608 1.177c.258 0 .43-.142.43-.395v-.005c0-.251-.172-.395-.43-.395h-.176v.793h.176zm1.503-1.177h1.25v.379h-.819v.266h.74v.36h-.74v.556h-.43zm1.85 0h.431v1.182h.757v.379h-1.19zm2.319-.012h.417l.665 1.572h-.465l-.114-.279h-.602l-.11.279h-.455zm.38.957l-.172-.443l-.175.443zm1.26-.945h.737c.24 0 .404.06.51.169a.48.48 0 0 1 .138.364v.005c0 .24-.128.398-.32.479l.373.545h-.5l-.315-.473h-.19v.473h-.434zm.717.748c.147 0 .23-.072.23-.184v-.006c0-.122-.088-.184-.233-.184h-.284v.373zm1.291-.748h1.256v.367h-.827v.236h.749v.342h-.749v.248h.838v.367h-1.267zM3.2 14.692a.38.38 0 0 1-.356.234c-.236 0-.398-.198-.398-.42V14.5c0-.225.158-.417.394-.417a.39.39 0 0 1 .37.259h.457c-.072-.373-.401-.65-.823-.65c-.481.002-.843.366-.843.814v.005c0 .449.357.808.837.808a.82.82 0 0 0 .819-.624zm16.406-4.145q.046-.004.094-.003a1.875 1.875 0 0 1 1.803 2.378a.07.07 0 0 1-.067.05h-2.608c-.031 0-.051-.028-.04-.056l.057-.142c.155-.406.598-.737 1.01-.757l.76-.044a.1.1 0 0 0 .08-.061a.08.08 0 0 0-.008-.062a.07.07 0 0 0-.053-.027l-.73-.045a.53.53 0 0 1-.42-.206c-.097-.137-.12-.321-.061-.521l.133-.465c.008-.022.027-.039.05-.039" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Cloudflare

React

import { Icon } from "@iconify/react";

<Icon icon="lineicons:cloudflare" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="lineicons:cloudflare" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="lineicons:cloudflare" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--cloudflare]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:cloudflare"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="lineicons:cloudflare"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/lineicons/cloudflare.svg" alt="Icône Cloudflare" width="24" height="24">

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 Lineicons 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="lineicons: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/lineicons/cloudflare.svg" alt="Icône Cloudflare">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Lineicons →