Ícone Network Monitor Hierarchy
streamline-freehand-color:network-monitor-hierarchy
O ícone Network Monitor Hierarchy (streamline-freehand-color:network-monitor-hierarchy) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Internet, redes e servidores
- Tags
- networkmonitor, monitorhierarchy, networkmonitorhierarchy
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" fill-rule="evenodd" d="M17.099 1.324a1 1 0 0 0-.34-.55c-1.09-.78-3.66-.6-8.881-.4a.34.34 0 0 0 0 .68c.22 0 4.83-.12 7 .13c1.94.22 1.24.8 1.32 1.72a16.6 16.6 0 0 1-.13 4.82c-.15 0-.43.19-.75.25c-1.36.25-6.9.74-8.06.13a20 20 0 0 1-.26-3.89q.203-1.719.19-3.45c-.19-.17-.48-.13-.59.31c0 .15 0-.26-.34 3.06a14.6 14.6 0 0 0 .26 4.46c.39.73 2.38.82 3.22.86c-.2.375-.25.811-.14 1.221l-.75.12a.3.3 0 1 0 0 .6c1.793.367 3.645.347 5.43-.06a.342.342 0 0 0 .082-.664a.3.3 0 0 0-.132-.016h-.62a2.9 2.9 0 0 0-.16-1.25a19.5 19.5 0 0 0 2.75-.41c.76-.2.94-.49 1-.94a17.6 17.6 0 0 0 .24-2.83a34 34 0 0 0-.34-3.901m-6.371 8.15h1.67a1.9 1.9 0 0 0 .33 1.121c-3.43-.28-1.79.55-2-1.12" clip-rule="evenodd"/><path fill="#0c6fff" fill-rule="evenodd" d="M15.618 7.075a.06.06 0 0 0 .07 0a.22.22 0 0 0 .14-.25c.07-.18.07-.39-.2-.42a24.5 24.5 0 0 0-7.78 0c-.6.39-.42.61 0 .78c2.59.106 5.184.069 7.77-.11" clip-rule="evenodd"/><path fill="#0c6fff" d="M9.627 18.996c.06-.18.07-.39-.2-.43a24.8 24.8 0 0 0-7.79 0c-.74.36-.53.59 0 .78h1.2a19.6 19.6 0 0 0 3.08 0q1.787-.145 3.58-.1a.22.22 0 0 0 .13-.25"/><path fill="#020202" d="M10.898 13.465a1.1 1.1 0 0 0-.34-.56c-1.09-.81-3.66-.59-8.881-.39a.34.34 0 1 0 0 .68c.22 0 4.83-.13 7 .12c1.94.22 1.24.8 1.32 1.72a16.6 16.6 0 0 1-.13 4.82c-.15 0-.44.19-.75.251c-1.35.25-6.89.75-8.06.14a19.5 19.5 0 0 1-.32-3.89a28 28 0 0 0 .26-3.46c-.17-.17-.48-.13-.59.32c0 .14 0-.26-.34 3.06a14.5 14.5 0 0 0 .26 4.45c.39.73 2.38.83 3.22.87c-.2.37-.25.804-.14 1.21l-.75.12a.31.31 0 0 0 0 .61c1.794.369 3.646.348 5.43-.06a.35.35 0 0 0 0-.69h-.62a2.9 2.9 0 0 0-.16-1.25a17 17 0 0 0 2.69-.43c.76-.2.94-.49 1-.93c.158-.939.238-1.889.241-2.84a33 33 0 0 0-.34-3.87m-6.37 8.151h1.67a1.85 1.85 0 0 0 .33 1.11c-3.43-.27-1.79.55-2-1.11"/><path fill="#020202" fill-rule="evenodd" d="M23.81 14.935c-.08-.65 0-1.67-.53-2c-1-.71-2.781-.5-4.101-.55c-1.57 0-3.22.1-4.77.16a.34.34 0 1 0 0 .68c1.55 0 3.13-.1 4.72 0c.66 0 1.54 0 2.31.11c1.94.22 1.24.8 1.32 1.72c.193 1.605.15 3.23-.13 4.82c-.15 0-.43.19-.75.251c-1.52.28-6.91.74-8.06.14c-.48-1.09-.25-4.88-.16-6.18q.058-.587 0-1.17a.31.31 0 0 0-.43 0c-.24.24-.2.82-.24 1.08a22.4 22.4 0 0 0-.28 4.9c.021.62.119 1.234.29 1.83c.4.73 2.38.83 3.22.87a1.64 1.64 0 0 0-.13 1.21l-.75.12a.31.31 0 0 0 0 .61c1.793.368 3.645.348 5.43-.06a.35.35 0 0 0 0-.69h-.63a2.9 2.9 0 0 0-.14-1.29c4.27-.35 3.72-.84 3.93-2.51a16.7 16.7 0 0 0-.12-4.05m-6.561 6.681h1.67a1.84 1.84 0 0 0 .33 1.11c-3.43-.27-1.79.55-2-1.11" clip-rule="evenodd"/><path fill="#0c6fff" fill-rule="evenodd" d="M22.188 19.216a.23.23 0 0 0 .16-.26c.07-.18.07-.39-.2-.43a24.4 24.4 0 0 0-7.63-.05c-.74.23-.55.51 0 .81c6.29.23 2.23-.07 7.67-.07" clip-rule="evenodd"/></g></svg>Como usar o ícone Network Monitor Hierarchy
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:network-monitor-hierarchy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:network-monitor-hierarchy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:network-monitor-hierarchy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--network-monitor-hierarchy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:network-monitor-hierarchy"></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-monitor-hierarchy"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/network-monitor-hierarchy.svg" alt="Ícone Network Monitor Hierarchy" width="24" height="24">Ícones relacionados em Freehand color icons
O ícone Network Monitor Hierarchy em outras coleções
Perguntas frequentes sobre Ícone Network Monitor Hierarchy
O ícone Network Monitor Hierarchy é grátis para uso comercial?
Sim. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Network Monitor Hierarchy no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:network-monitor-hierarchy" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Network Monitor Hierarchy a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/network-monitor-hierarchy.svg" alt="Ícone Network Monitor Hierarchy">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.