Ícone Bring Your Own Ip Rounded
material-symbols-light:bring-your-own-ip-rounded
O ícone Bring Your Own Ip Rounded (material-symbols-light:bring-your-own-ip-rounded) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, 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
- Material Symbols Light
- Autor
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Social
- Tags
- bringyour, yourown, ownip, iprounded, bringyourowniprounded, bring your own ip outline rounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.494 20.29q-1.642-.711-2.858-1.926q-1.215-1.216-1.926-2.858T3 12t.71-3.506q.711-1.642 1.927-2.857Q6.852 4.42 8.494 3.71T12 3q.289 0 .589.013t.569.056q.213.031.333.177q.119.146.119.366q0 .194-.14.331q-.141.138-.336.107q-.268-.044-.557-.051T12 3.992q-.861 1.016-1.442 2.196t-.939 2.466h3.266q.213 0 .356.143q.144.144.144.357t-.144.357t-.356.143H9.38q-.114.577-.16 1.163q-.048.587-.048 1.183t.047 1.183t.16 1.163h5.24q.113-.577.16-1.163T14.827 12q0-.27-.01-.552t-.034-.552q-.031-.207.122-.36q.153-.151.341-.151q.214 0 .36.134q.146.135.177.348q.025.27.034.567t.01.566q0 .596-.047 1.183q-.047.586-.16 1.163h4.034q.183-.577.264-1.163T20 12q0-.27-.01-.546q-.01-.277-.06-.546q-.03-.208.11-.366t.33-.158q.218 0 .374.132t.187.345q.044.27.056.57T21 12q0 1.864-.71 3.506q-.711 1.642-1.926 2.857q-1.216 1.216-2.858 1.926Q13.864 21 12 21t-3.506-.71m-4.148-5.944h4.035q-.114-.577-.16-1.163q-.048-.587-.048-1.183t.047-1.183t.16-1.163H4.347q-.182.577-.264 1.163T4 12t.082 1.183t.264 1.163m.408-5.692h3.835q.32-1.233.85-2.38t1.288-2.17q-1.971.315-3.552 1.526q-1.58 1.21-2.421 3.024M17.212 8q-.51 0-.861-.351T16 6.789V4.212q0-.51.351-.861t.86-.351h2.578q.509 0 .86.351t.351.86v2.577q0 .51-.351.861t-.86.351zm1.884-2.692h.731q.162 0 .283-.121t.12-.283v-.731q0-.161-.12-.283q-.121-.12-.283-.12h-.73q-.163 0-.284.12q-.12.121-.12.283v.73q0 .163.12.284q.122.12.283.12m-8.369 14.59q-.815-1.005-1.336-2.152q-.52-1.147-.803-2.399H4.755q.84 1.833 2.412 3.044q1.57 1.21 3.561 1.506m1.273.112q.823-1.054 1.433-2.215t.948-2.447H9.619q.339 1.287.939 2.467T12 20.008m1.273-.112q1.99-.277 3.562-1.497q1.57-1.22 2.411-3.053h-3.834q-.38 1.213-.88 2.37t-1.259 2.18"/></svg>Como usar o ícone Bring Your Own Ip Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:bring-your-own-ip-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:bring-your-own-ip-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:bring-your-own-ip-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--bring-your-own-ip-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:bring-your-own-ip-rounded"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:bring-your-own-ip-rounded"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/bring-your-own-ip-rounded.svg" alt="Ícone Bring Your Own Ip Rounded" width="24" height="24">Ícones relacionados em Material Symbols Light
O ícone Bring Your Own Ip Rounded em outras coleções
Perguntas frequentes sobre Ícone Bring Your Own Ip Rounded
O ícone Bring Your Own Ip Rounded é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bring Your Own Ip Rounded no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:bring-your-own-ip-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bring Your Own Ip Rounded a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/bring-your-own-ip-rounded.svg" alt="Ícone Bring Your Own Ip Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.