Icono Network 16
qlementine-icons:network-16
El icono Network 16 (qlementine-icons:network-16) es un icono SVG gratuito de la colección Qlementine Icons de Olivier Cléro. Está dibujado en una cuadrícula de 24 × 24. Qlementine 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
- Qlementine Icons
- Autor
- Olivier Cléro
- Licencia
- MIT
- Tamaño
- 24 × 24
- Categoría
- Hardware
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.15 1.23c-.152.368-.152.833-.152 1.77s0 1.4.152 1.77c.203.49.592.879 1.08 1.08c.368.152.833.152 1.77.152v2H3.5a1.5 1.5 0 0 0-1.5 1.5v.513c-.327.017-.561.054-.765.139c-.49.203-.879.592-1.08 1.08c-.152.368-.152.834-.152 1.77s0 1.4.152 1.77c.203.49.592.879 1.08 1.08c.368.152.833.152 1.77.152s1.4 0 1.77-.152c.49-.203.879-.592 1.08-1.08c.152-.368.152-.834.152-1.77s0-1.4-.152-1.77a2 2 0 0 0-1.08-1.08c-.368-.152-.833-.152-1.77-.152v-.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v.5c-.932 0-1.4 0-1.77.152c-.49.203-.879.592-1.08 1.08c-.152.368-.152.834-.152 1.77s0 1.4.152 1.77c.203.49.592.879 1.08 1.08c.368.152.834.152 1.77.152s1.4 0 1.77-.152c.49-.203.879-.592 1.08-1.08c.152-.368.152-.834.152-1.77s0-1.4-.152-1.77a2 2 0 0 0-1.08-1.08c-.204-.084-.438-.122-.765-.139v-.513a1.5 1.5 0 0 0-1.5-1.5h-3.5v-2.01c.327-.017.561-.054.765-.139c.49-.203.879-.592 1.08-1.08c.152-.368.152-.833.152-1.77s0-1.4-.152-1.77a2 2 0 0 0-1.08-1.08C9.407.001 8.942.001 8.005.001s-1.4 0-1.77.152c-.49.203-.879.592-1.08 1.08zm-4.04 10.3c-.109.214-.109.494-.109 1.05v.8c0 .56 0 .84.109 1.05c.096.188.249.341.437.437c.214.109.494.109 1.05.109h.8c.56 0 .84 0 1.05-.109c.188-.096.341-.249.437-.437c.109-.214.109-.494.109-1.05v-.8c0-.56 0-.84-.109-1.05a1 1 0 0 0-.437-.437c-.214-.109-.494-.109-1.05-.109h-.8c-.56 0-.84 0-1.05.109a1 1 0 0 0-.437.437M11 12.58c0-.56 0-.84.109-1.05c.096-.188.249-.341.437-.437c.214-.109.494-.109 1.05-.109h.8c.56 0 .84 0 1.05.109c.188.096.341.249.437.437c.109.214.109.494.109 1.05v.8c0 .56 0 .84-.109 1.05a1 1 0 0 1-.437.437c-.214.109-.494.109-1.05.109h-.8c-.56 0-.84 0-1.05-.109a1 1 0 0 1-.437-.437C11 14.216 11 13.936 11 13.38zM6.11 1.48c-.109.214-.109.494-.109 1.05v.8c0 .56 0 .84.109 1.05c.096.188.249.341.437.437c.214.109.494.109 1.05.109h.8c.56 0 .84 0 1.05-.109c.188-.096.341-.249.437-.437c.109-.214.109-.494.109-1.05v-.8c0-.56 0-.84-.109-1.05a1 1 0 0 0-.437-.437C9.233.934 8.953.934 8.397.934h-.8c-.56 0-.84 0-1.05.109a1 1 0 0 0-.437.437" clip-rule="evenodd"/></svg>Cómo usar el icono Network 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:network-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:network-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:network-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--network-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:network-16"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:network-16"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/network-16.svg" alt="Icono Network 16" width="24" height="24">Preguntas frecuentes sobre Icono Network 16
¿El icono Network 16 es gratis para uso comercial?
Sí. Qlementine Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Network 16 en React?
Instala @iconify/react y renderiza <Icon icon="qlementine-icons:network-16" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Network 16 a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/qlementine-icons/network-16.svg" alt="Icono Network 16">, o pega el código SVG en línea para darle estilo con CSS.