Icono Network Connection Locked
streamline-freehand-color:network-connection-locked
El icono Network Connection Locked (streamline-freehand-color:network-connection-locked) 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
- networkconnection, connectionlocked, networkconnectionlocked
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="#020202" d="M20.373 13.976c.08-.728-.13-1.167-.778-1.217c-.34 0-1.127-.12-1.147 1.048c-.02 1.167 1.825 1.167 1.925.17"/><path fill="#0c6fff" d="M23.425 11.224v-.29a.47.47 0 0 0-.38-.409c-.338 0-.677-.07-.997-.1q.11-.714.06-1.436a2.86 2.86 0 0 0-.349-1.296a2.83 2.83 0 0 0-1.765-1.307a2.28 2.28 0 0 0-2.155.599a4.1 4.1 0 0 0-.837 1.625a6 6 0 0 0-.21 1.496h-.06a.32.32 0 0 0-.349.28a.33.33 0 0 0 .28.359c1.456.19 2.922.25 4.378.409c.499.06.997.12 1.496.21q-.007.104 0 .209c.057 1.17.037 2.343-.06 3.51c-.12 1.427-.13 1.137-.688 1.187a18.7 18.7 0 0 1-3.341-.1a9.2 9.2 0 0 1-1.875-.378a1.24 1.24 0 0 1-.539-.3a.56.56 0 0 1-.11-.349a8 8 0 0 1 0-.897c0-.699.05-1.397.1-2.085c0-.459.09-.917.17-1.376a.28.28 0 0 0-.333-.329a.29.29 0 0 0-.226.229c-.1.459-.17.938-.24 1.406c-.089.698-.149 1.407-.219 2.105a5.6 5.6 0 0 0-.1 1.167c.021.226.1.442.23.628c.41.598 1.995 1.087 3.69 1.267a13 13 0 0 0 3.392 0c.247-.033.475-.15.648-.33a6.76 6.76 0 0 0 .509-3.111a26 26 0 0 0-.12-2.594m-6.054-1.078c.06-.439.177-.868.349-1.276c.19-.446.476-.844.838-1.167a1.34 1.34 0 0 1 1.217-.26c.485.073.922.335 1.216.729c.185.26.305.56.35.877c.05.434.05.873 0 1.307h-.22c-1.267-.11-2.513-.13-3.75-.21"/><path fill="#020202" d="M1.333 10.366c.235.2.516.34.818.409q.584.098 1.176.12q.671.081 1.347.09c.997 0 1.995-.09 3.062-.1h2.633q.586-.03 1.167-.12a3.2 3.2 0 0 0 1.656-.659c.333-.314.547-.733.608-1.186q.09-.495.1-.998a.6.6 0 0 0-.34-.528a1.3 1.3 0 0 0-.568-.1a4 4 0 0 0-.459 0l.13-2.593c.066-.968.046-1.939-.06-2.903a2.3 2.3 0 0 0-.648-1.356a1.36 1.36 0 0 0-.619-.28A6.7 6.7 0 0 0 10.2.093a47 47 0 0 0-5.924 0a8.3 8.3 0 0 0-1.835.4c-.345.104-.65.31-.878.588a2.3 2.3 0 0 0-.329.997q-.045.649 0 1.297c0 .489.07.997.12 1.456c.11 1.057.249 2.125.369 3.172q-.443.09-.858.27s-.529.368-.409.638q.17.459.389.897c.133.21.298.4.489.559m.808-8.189c.024-.2.096-.391.21-.558c.089-.13.328-.17.617-.24a12.6 12.6 0 0 1 2.225-.249c1.994-.1 4.238 0 4.987 0q.428-.024.857 0a.64.64 0 0 1 .32.07c.27.33.421.74.428 1.167q.132 1.183.11 2.374v2.643l-2.204.12c-.668.08-1.337.169-1.995.239c-.429 0-.868.08-1.307.1l-1.994.12c-.728 0-1.397-.09-2.075 0c0-.889-.12-1.776-.17-2.664V3.394a7.5 7.5 0 0 1-.01-1.217m.21 6.344c.657 0 1.306.09 1.994.13h3.371c.678 0 1.346-.09 1.995-.14l2.463-.06l.619-.05c0 .15-.1.29-.1.329a1 1 0 0 1-.409.668a2.7 2.7 0 0 1-.997.31q-.704.12-1.417.15c-.748 0-1.496 0-2.234.089c-.997.05-1.995.18-3.052.23H3.308a8 8 0 0 1-1.068-.06a1.2 1.2 0 0 1-.528-.24a1.3 1.3 0 0 1-.32-.379q-.196-.33-.339-.688a3.7 3.7 0 0 1 1.297-.29m11.4 11.83a1.2 1.2 0 0 0-.578-.1a2.4 2.4 0 0 0-.46.05l.13-2.593a14.5 14.5 0 0 0-.06-2.903a2.3 2.3 0 0 0-.638-1.366a1.35 1.35 0 0 0-.628-.28a6.5 6.5 0 0 0-1.127-.06a47 47 0 0 0-5.925 0a8.3 8.3 0 0 0-1.845.37c-.345.097-.65.303-.867.588c-.19.301-.302.643-.33.998q-.045.653 0 1.306c0 .479.07.997.12 1.456c.1 1.057.24 2.115.36 3.172a4 4 0 0 0-.849.26s-.528.368-.409.648q.168.456.39.887c.119.22.274.42.458.589c.238.194.518.33.818.399q.592.136 1.197.18c.459 0 .908.049 1.356.049c.998 0 1.995-.09 3.062-.11h2.633q.582-.03 1.157-.12a3.1 3.1 0 0 0 1.656-.658c.357-.324.583-.767.638-1.246q.091-.495.1-.998a.62.62 0 0 0-.359-.518M2.32 15.173c.031-.197.106-.384.22-.548c.09-.13.319-.17.608-.24a14 14 0 0 1 2.224-.26c1.995-.099 4.239 0 4.987 0q.434-.021.868 0a.57.57 0 0 1 .309.07c.289.315.458.721.479 1.148q.131 1.178.11 2.364v2.653l-2.205.12c-.678.079-1.336.169-1.995.239c-.429 0-.867.08-1.306.09l-1.995.129c-.728 0-1.406-.09-2.075 0c-.06-.888-.13-1.775-.17-2.663c0-.628-.059-1.267 0-1.905a7.5 7.5 0 0 1-.059-1.197m10.602 6.503a.9.9 0 0 1-.399.668a2.5 2.5 0 0 1-.997.31q-.703.123-1.416.16c-.748 0-1.496.049-2.234.079c-.998.06-1.995.19-3.052.24H3.547a7.5 7.5 0 0 1-1.067-.06a1.2 1.2 0 0 1-.529-.24a1.5 1.5 0 0 1-.33-.379a6 6 0 0 1-.328-.688a3.4 3.4 0 0 1 1.227-.24c.658 0 1.306.09 1.994.13h3.371l1.995-.14l2.474-.06l.608-.06c.05.1-.03.25-.04.28"/><path fill="#0c6fff" d="M13.95 3.334a6.8 6.8 0 0 1 1.994-.17q.66.017 1.307.14a2.08 2.08 0 0 1 1.636 1.058a.319.319 0 0 0 .59.035a.33.33 0 0 0 .018-.245A2.67 2.67 0 0 0 17.5 2.287a4.4 4.4 0 0 0-1.496-.16a5.8 5.8 0 0 0-2.234.689a.281.281 0 1 0 .22.518zm6.722 15.44a.32.32 0 0 0-.38.25a3.42 3.42 0 0 1-1.575 1.934c-.277.18-.59.3-.917.35a3 3 0 0 1-1.078 0a7 7 0 0 1-1.147-.35a.28.28 0 0 0-.379.13a.3.3 0 0 0 .14.379q.677.414 1.426.678a3.7 3.7 0 0 0 1.137.17a3 3 0 0 0 1.387-.48a3.5 3.5 0 0 0 .698-.628a4 4 0 0 0 .937-2.064a.32.32 0 0 0-.25-.37"/></g></svg>Cómo usar el icono Network Connection Locked
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:network-connection-locked" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:network-connection-locked" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:network-connection-locked" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--network-connection-locked]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:network-connection-locked"></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:network-connection-locked"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/network-connection-locked.svg" alt="Icono Network Connection Locked" width="24" height="24">Iconos relacionados en Freehand color icons
El icono Network Connection Locked en otras colecciones
Preguntas frecuentes sobre Icono Network Connection Locked
¿El icono Network Connection Locked 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 Network Connection Locked en React?
Instala @iconify/react y renderiza <Icon icon="streamline-freehand-color:network-connection-locked" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Network Connection Locked 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/network-connection-locked.svg" alt="Icono Network Connection Locked">, o pega el código SVG en línea para darle estilo con CSS.