Cloud Bold ikonu
glyphs:cloud-bold
Cloud Bold ikonu (glyphs:cloud-bold), Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs 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
- Glyphs
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
- Etiketler
- cloudbold
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M40.718 20c4.444 0 8.734 1.765 11.926 4.907a17.03 17.03 0 0 1 5.097 11.845l.026 1.602A11 11 0 0 1 55 60H28a14 14 0 0 1-3.256-27.616a16.4 16.4 0 0 1 4.207-7.477A16.5 16.5 0 0 1 40.718 20" clip-rule="evenodd"/><path d="m52.644 24.907l-1.403 1.425zm5.097 11.845l-2 .032zm.026 1.602l-2 .032l.025 1.52l1.472.383zm5.011 2.868l1.414-1.414zM47.97 60l.015-2h-.015zm-9.92 0v-2h-.024zm-19.948-4.1l1.414-1.414zm0-19.8l1.414 1.415zm6.643-3.716l.465 1.945l1.175-.28l.298-1.172zm4.207-7.477l1.425 1.403zm25.096-1.426A19.03 19.03 0 0 0 40.718 18v4c3.914 0 7.701 1.555 10.523 4.332zM59.74 36.72a19.03 19.03 0 0 0-5.694-13.239l-2.806 2.851a15.03 15.03 0 0 1 4.5 10.452zm.026 1.602l-.026-1.602l-4 .064l.026 1.602zm4.425 1.486a13 13 0 0 0-5.922-3.39l-1.006 3.871a9 9 0 0 1 4.1 2.347zM68 49a13 13 0 0 0-3.808-9.192l-2.828 2.828A9 9 0 0 1 64 49zm-3.808 9.192A13 13 0 0 0 68 49h-4a9 9 0 0 1-2.636 6.364zM55 62a13 13 0 0 0 9.192-3.808l-2.828-2.828A9 9 0 0 1 55 58zm-4 0h4v-4h-4zm-.556 0H51v-4h-.556zM48 62h2.444v-4H48zm-.046 0H48v-4h-.016zm.015-4h-9.92v4h9.92zM38 62h.074l-.049-4H38zm-4.201 0H38v-4h-4.201zM32 62h1.799v-4H32zm-4 0h4v-4h-4zm-11.314-4.686A16 16 0 0 0 28 62v-4a12 12 0 0 1-8.485-3.514zM12 46a16 16 0 0 0 4.686 11.314l2.829-2.828A12 12 0 0 1 16 46zm4.686-11.313A16 16 0 0 0 12 46h4a12 12 0 0 1 3.515-8.485zm7.592-4.248a16 16 0 0 0-7.592 4.248l2.829 2.828a12 12 0 0 1 5.694-3.186zm3.247-6.935a18.4 18.4 0 0 0-4.72 8.388l3.877.985a14.4 14.4 0 0 1 3.694-6.567zM40.718 18a18.5 18.5 0 0 0-13.193 5.504l2.851 2.806A14.5 14.5 0 0 1 40.718 22z"/></g></svg>
Cloud Bold ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:cloud-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:cloud-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:cloud-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cloud-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cloud-bold"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:cloud-bold"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs/cloud-bold.svg" alt="Cloud Bold ikonu" width="24" height="24">
Glyphs setindeki benzer ikonlar
Diğer ikon setlerinde Cloud Bold ikonu
Cloud Bold ikonu: sık sorulan sorular
Cloud Bold ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Cloud Bold ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs:cloud-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Cloud Bold 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/glyphs/cloud-bold.svg" alt="Cloud Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Glyphs ikonları →
ICONYZ
