Icono Cloud Network 1
streamline-freehand-color:cloud-network-1
El icono Cloud Network 1 (streamline-freehand-color:cloud-network-1) es un icono SVG gratuito de la colección Freehand color icons de Streamline. Está dibujado en una cuadrícula de 24 × 24. Freehand color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Freehand color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Internet, redes y servidores
- Etiquetas
- cloudnetwork
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M22.67 17.32a3 3 0 0 0-1.821-.51a2.5 2.5 0 0 0-.8.29c-.16-.31-.32-.621-.501-.921a5 5 0 0 0-.37-.56a5 5 0 0 0-.42-.521c-.37-.39-.771-.72-1.161-1.09a.35.35 0 0 0-.56.41c.24.49.43 1 .71 1.43q.167.293.37.56c.14.181.29.351.44.511s.5.51.76.76c-.09.1-.22.16-.29.281a1.93 1.93 0 0 0 0 2.212c.372.504.911.86 1.522 1c0 0 1.831.42 2.672-.6c.372-.48.57-1.073.56-1.681a2.28 2.28 0 0 0-1.11-1.572m-.13 2.611c-.42.861-1.45.55-1.771.43a1.67 1.67 0 0 1-.84-.78a.83.83 0 0 1 .17-.89a1.38 1.38 0 0 1 .88-.57c.349-.021.696.059 1 .23a1.2 1.2 0 0 1 .661.73a1.5 1.5 0 0 1-.1.85m-8.917.112a2.9 2.9 0 0 0-1.07-.42c.05-.351.11-.691.15-1.052c.04-.36 0-.42 0-.64v-.64c0-.52-.14-1.001-.211-1.532a.34.34 0 1 0-.68 0c-.13.51-.29 1.001-.37 1.512q-.054.328-.06.66v.67q.056.506.17 1.001a2.58 2.58 0 0 0-1.592 1.101a1.92 1.92 0 0 0 0 2.212c.37.506.91.862 1.521 1c0 0 1.832.42 2.662-.6a2.6 2.6 0 0 0 .56-1.681a2.29 2.29 0 0 0-1.08-1.592m-.12 2.611c-.42.861-1.451.57-1.772.44a1.6 1.6 0 0 1-.84-.78a.81.81 0 0 1 .17-.89a1.36 1.36 0 0 1 .88-.57a1.8 1.8 0 0 1 1.001.23a1.16 1.16 0 0 1 .66.73a1.46 1.46 0 0 1-.1.85z"/><path fill="#020202" d="M13.374 13.357c2.421 0 4.573-.1 5.464-.17a3.23 3.23 0 0 0 2.752-2.322a2.77 2.77 0 0 0-.62-2.582a2.1 2.1 0 0 0 .37-.72c.109-.361.17-.735.18-1.111a4.5 4.5 0 0 0-.06-1.421a3.2 3.2 0 0 0-.42-.931a3.9 3.9 0 0 0-1.862-1.361a5 5 0 0 0-2.732-.07a3.6 3.6 0 0 0-.67-1.281a3.8 3.8 0 0 0-1.602-1.14a4.3 4.3 0 0 0-1.921-.221a4.65 4.65 0 0 0-2.202 1c-.406.377-.745.82-1 1.312a4 4 0 0 0-1.882-.44a4 4 0 0 0-1.671.37a3.4 3.4 0 0 0-1.401 1.2a3.65 3.65 0 0 0-.54 1.772c.018.689.167 1.368.44 2.001c-.45.199-.863.473-1.221.81a3 3 0 0 0-.94 2.002a3 3 0 0 0 1 2.352c.658.581 1.514.89 2.392.86l3.232.07c1.571.03 3.302.03 4.914.02m-8.146-1.321a2.44 2.44 0 0 1-1.661-.48a2 2 0 0 1-.781-1.452v-.07a2.26 2.26 0 0 1 .9-1.681c.242-.202.512-.367.801-.49h.11c.04 0 .05 0 .07-.07a5.2 5.2 0 0 1 1.001-.3a.35.35 0 0 0 .29-.34a.34.34 0 0 0-.39-.291q-.437.051-.86.17c-.1-.443-.14-.897-.12-1.35a2.5 2.5 0 0 1 .57-1.462c.23-.31.532-.561.88-.73a3.4 3.4 0 0 1 1.171-.37c.83-.05 1.651.183 2.332.66a.394.394 0 1 0 .6-.51a3.6 3.6 0 0 0-.48-.471a4.4 4.4 0 0 1 1-.92a3.5 3.5 0 0 1 1.732-.531a3.2 3.2 0 0 1 1.571.24c.336.137.645.334.91.58a2.63 2.63 0 0 1 .771 2.562a.38.38 0 0 0 .24.5a.39.39 0 0 0 .5-.25c.198-.498.263-1.04.191-1.57a4.4 4.4 0 0 1 2.472.67c.35.187.658.446.9.76c.168.213.296.454.38.711q.142.441.19.9a3.7 3.7 0 0 1 0 .741a1.26 1.26 0 0 1-.16.56a1 1 0 0 0-.12-.12a.4.4 0 0 0-.55.1a.39.39 0 0 0 .1.541a2 2 0 0 1 .87 2.332a2.19 2.19 0 0 1-1.93 1.51c-.801 0-2.612 0-4.714-.05H9.271c-1.551 0-3.002-.03-4.043-.03"/><path fill="#0c6fff" d="M5.958 13.837c-.34.39-.69.73-1 1.14q-.195.256-.36.531c-.1.18-.2.38-.291.57c-.21.45-.38.911-.56 1.372a3.1 3.1 0 0 0-1.361-.29a2.63 2.63 0 0 0-1.822 1.15a1.94 1.94 0 0 0 0 2.212c.375.505.918.86 1.531 1c0 0 1.832.42 2.662-.6a2.6 2.6 0 0 0 .56-1.681a2.16 2.16 0 0 0-.85-1.411c.32-.39.65-.75 1-1.15q.2-.256.371-.531q.168-.277.3-.57c.21-.471.34-.951.51-1.442a.376.376 0 1 0-.69-.3m-1.871 6.445c-.42.85-1.451.56-1.771.43a1.6 1.6 0 0 1-.841-.78a.81.81 0 0 1 .17-.891a1.36 1.36 0 0 1 .88-.57c.35-.023.697.057 1.001.23a1.16 1.16 0 0 1 .66.73c.05.287.016.583-.1.85"/></g></svg>Cómo usar el icono Cloud Network 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:cloud-network-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:cloud-network-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:cloud-network-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--cloud-network-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:cloud-network-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:cloud-network-1"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/cloud-network-1.svg" alt="Icono Cloud Network 1" width="24" height="24">Iconos relacionados en Freehand color icons
El icono Cloud Network 1 en otras colecciones
Preguntas frecuentes sobre Icono Cloud Network 1
¿El icono Cloud Network 1 es gratis para uso comercial?
Sí. Freehand color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Cloud Network 1 en React?
Instala @iconify/react y renderiza <Icon icon="streamline-freehand-color:cloud-network-1" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cloud Network 1 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/cloud-network-1.svg" alt="Icono Cloud Network 1">, o pega el código SVG en línea para darle estilo con CSS.