Cloudflare ikonu
thesvg-color:cloudflare
Cloudflare ikonu (thesvg-color:cloudflare), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 256 × 116 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 256 × 116
SVG kodu
<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>
Cloudflare ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cloudflare"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/cloudflare.svg" alt="Cloudflare ikonu" width="24" height="24">
theSVG Color setindeki benzer ikonlar
Diğer ikon setlerinde Cloudflare ikonu
Cloudflare ikonu: sık sorulan sorular
Cloudflare ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Cloudflare ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:cloudflare" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Cloudflare ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/cloudflare.svg" alt="Cloudflare ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: theSVG Color ikonları →
ICONYZ
