Ícone Connectivity Filled
griddy-icons:connectivity-filled
O ícone Connectivity Filled (griddy-icons:connectivity-filled) é um ícone SVG gratuito da coleção Griddy Icons de Zuzana Benova. Ele é desenhado em uma grade de 24 × 24. Griddy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Griddy Icons
- Autor
- Zuzana Benova
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- connectivityfilled
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.5 12.75c-.615 0-1.165.23-1.6.595l-2.61-1.655c.135-.375.215-.775.215-1.195c0-.505-.11-.98-.3-1.415l2.83-2.075c.415.305.92.49 1.475.49a2.5 2.5 0 0 0 0-5a2.5 2.5 0 0 0-2.5 2.5c0 .28.055.545.145.8l-2.835 2.08A3.47 3.47 0 0 0 12.01 7c-.885 0-1.69.335-2.31.875l-2.835-2.08c.085-.25.145-.52.145-.8a2.5 2.5 0 0 0-5 0a2.5 2.5 0 0 0 2.5 2.5c.55 0 1.06-.185 1.475-.49l2.83 2.075c-.195.435-.3.91-.3 1.415c0 .42.08.82.215 1.195l-2.61 1.655a2.5 2.5 0 0 0-1.6-.595a2.5 2.5 0 0 0 0 5a2.5 2.5 0 0 0 2.5-2.5c0-.22-.04-.43-.09-.635l2.61-1.65a3.5 3.5 0 0 0 1.735.955v3.21a2.49 2.49 0 0 0-1.75 2.37a2.5 2.5 0 0 0 5 0c0-1.115-.74-2.05-1.75-2.37v-3.21a3.5 3.5 0 0 0 1.735-.955l2.61 1.65c-.055.205-.09.415-.09.635a2.5 2.5 0 0 0 5 0a2.5 2.5 0 0 0-2.5-2.5z"/></svg>
Como usar o ícone Connectivity Filled
React
import { Icon } from "@iconify/react";
<Icon icon="griddy-icons:connectivity-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="griddy-icons:connectivity-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="griddy-icons:connectivity-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--connectivity-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:connectivity-filled"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="griddy-icons:connectivity-filled"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/griddy-icons/connectivity-filled.svg" alt="Ícone Connectivity Filled" width="24" height="24">
Ícones relacionados em Griddy Icons
Perguntas frequentes sobre Ícone Connectivity Filled
O ícone Connectivity Filled é grátis para uso comercial?
Sim. Griddy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Connectivity Filled no React?
Instale @iconify/react e renderize <Icon icon="griddy-icons:connectivity-filled" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Connectivity Filled a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/griddy-icons/connectivity-filled.svg" alt="Ícone Connectivity Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Griddy Icons →
ICONYZ
