Icono Cloud Bold
glyphs:cloud-bold
El icono Cloud Bold (glyphs:cloud-bold) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Glyphs
- Autor
- Goran Spasojevic
- Licencia
- MIT
- Tamaño
- 80 × 80
- Etiquetas
- cloudbold
Código SVG
<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>
Cómo usar el icono Cloud Bold
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:cloud-bold"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/glyphs/cloud-bold.svg" alt="Icono Cloud Bold" width="24" height="24">
Iconos relacionados en Glyphs
El icono Cloud Bold en otras colecciones
Preguntas frecuentes sobre Icono Cloud Bold
¿El icono Cloud Bold es gratis para uso comercial?
Sí. Glyphs icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cloud Bold en React?
Instala @iconify/react y renderiza <Icon icon="glyphs:cloud-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cloud Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/glyphs/cloud-bold.svg" alt="Icono Cloud Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Glyphs →
ICONYZ
