Ícone Grid Monitor
streamline-freehand-color:grid-monitor
O ícone Grid Monitor (streamline-freehand-color:grid-monitor) é 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
- Design
- Tags
- gridmonitor
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="M23.621 5.719c-.13-1.16-.07-3.511-.91-4.151c-1.92-1.49-6.151-1.09-8.812-1.2c-3.49-.15-7.161.14-10.612.23a.34.34 0 0 0 0 .68c3.46-.05 7.001-.28 10.562-.08c2.45.14 6.651-.14 8.252 1.13c.4.32.41 2.67.49 3.49a41.6 41.6 0 0 1 .08 8.783a13.7 13.7 0 0 1-.45 2.89c-2.35 1.31-19.654 2.37-20.704.54a12.7 12.7 0 0 1-.53-3.02c.39-.09 6.87 0 7 0c5.002 0 3.002-.25 11.323-.14c3-.08 1.38-.71 0-.75c-3.1-.22-4.66-.37-7.131-.34c-3.421 0-10.922.54-11.213.64a42.6 42.6 0 0 1 .12-9.252c0-.52.09-1 .16-1.54a7.7 7.7 0 0 1 .21-1.891a.3.3 0 0 0-.42-.42c-.42.41-.34 1.74-.41 2.22s-.14 1.04-.2 1.57a43.4 43.4 0 0 0-.36 8.462c.025 1.658.25 3.307.67 4.911c.79 1.45 5.762 1.56 7.502 1.59a4.17 4.17 0 0 0-.63 2.621l-2.15.16a.3.3 0 0 0-.355.295a.3.3 0 0 0 .354.295a70 70 0 0 0 7.862.2c1.38-.06 2.8-.22 4.24-.33a.34.34 0 0 0 0-.67h-1.84a10 10 0 0 0-.8-2.76c1.39-.1 7.552-.56 8.292-1.74a10.3 10.3 0 0 0 .62-3.382a39 39 0 0 0-.21-9.041m-8.712 16.893c-3.1-.08-4.3-.09-6.541 0a6.8 6.8 0 0 0 .75-2.56c1.47 0 3 0 4.801-.15a6.34 6.34 0 0 0 .99 2.71"/><path fill="#020202" d="M11.918 15.91c-.85-.45-1.89.42-1.13 1.19a.93.93 0 0 0 1.36-.09a.91.91 0 0 0-.23-1.1"/><path fill="#0c6fff" d="M5.787 10.3a.29.29 0 0 0-.25.34c.07.46.5.08 2.22.3l.05 1.34a.34.34 0 1 0 .671 0l.1-1.27a20.5 20.5 0 0 0 2.77.06c0 .72 0 .58.05.72c0 1.12.55 1.29.75-.74h2.861c.05.42 0-.08.15 1.3c-.06.41.68.48.69-.05v-1.26c1.61 0 1.8.14 1.82-.2c.18-.52-.12-.47-1.8-.63V8.12l.85-.11a.34.34 0 0 0-.06-.671h-.79a16 16 0 0 0-.13-2q.506-.033 1-.14a.34.34 0 0 0 .1-.47c-.21-.33-.83-.37-1.23-.37a12 12 0 0 0-.38-1.63a.301.301 0 0 0-.48-.215a.3.3 0 0 0-.1.344q.11.751.12 1.51c-.71 0-.89-.1-2.88-.06a6.7 6.7 0 0 0-.27-1.55c-.2-.36-.51-.14-.51.31v1.27c-1.88.07-1.14.08-2.42.15c-.151-1.68 0-1.52-.151-1.73a.37.37 0 0 0-.55.25c-.05.31-.1 1.11-.13 1.51c-.09 0-1.56 0-1.65.07a.3.3 0 0 0 0 .58q.784.137 1.58.16c-.06.72-.07.82-.09 1.841q-.902.188-1.82.22a.29.29 0 0 0-.33.25c-.07.51.86.39 2.15.37v2.09q-.963.021-1.91.2m2.871-.21c.05-.68.1-1.35.14-2c1.27.09 1.37.1 2.27.12c0 .59.1 1.19.16 1.78zm6.261 0a22 22 0 0 0-2.7-.17V8.17c.43 0 2.57-.06 2.57-.06c.04 1.13.06 1.28.13 1.99zm-.16-4.881v2c-1.14-.1-1-.1-2.6-.17c0-.57-.09-1.13-.15-1.69zm-3.7.22c-.07 1.43-.07 1.17-.07 1.58q-1.107-.06-2.21 0q.015-.857-.07-1.71c.81.12 1.58.15 2.35.13"/></g></svg>Como usar o ícone Grid Monitor
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:grid-monitor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:grid-monitor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:grid-monitor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--grid-monitor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:grid-monitor"></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:grid-monitor"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/grid-monitor.svg" alt="Ícone Grid Monitor" width="24" height="24">Ícones relacionados em Freehand color icons
O ícone Grid Monitor em outras coleções
Perguntas frequentes sobre Ícone Grid Monitor
O ícone Grid Monitor é 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 Grid Monitor no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:grid-monitor" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Grid Monitor 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/grid-monitor.svg" alt="Ícone Grid Monitor">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.