Ícone World Monitor
selfhst:world-monitor
O ícone World Monitor (selfhst:world-monitor) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/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
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
- Tags
- worldmonitor
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGmF6hmdnE" x1="-701.627" x2="-700.627" y1="796.447" y2="795.447" gradientTransform="matrix(512 0 0 -512 359233 407781)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7a9f6b"/><stop offset="1" stop-color="#5c7f4e"/></linearGradient><circle cx="256" cy="256" r="256" fill="url(#SVGmF6hmdnE)"/><linearGradient id="SVGHVaTdhBR" x1="-700.331" x2="-700.275" y1="795.643" y2="795.588" gradientTransform="matrix(320 0 0 -320 224353 254853)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4b86a"/><stop offset="1" stop-color="#c4a35a"/></linearGradient><path fill="url(#SVGHVaTdhBR)" d="M256 425c-93.2 0-169-75.8-169-169S162.8 87 256 87s169 75.8 169 169s-75.8 169-169 169m0-320c-83.3 0-151 67.7-151 151s67.7 151 151 151s151-67.7 151-151s-67.7-151-151-151"/><linearGradient id="SVGzuDmodWV" x1="-700.346" x2="-700.26" y1="793.005" y2="792.92" gradientTransform="matrix(320 0 0 -80 224353 63693)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4b86a"/><stop offset="1" stop-color="#c4a35a"/></linearGradient><path fill="url(#SVGzuDmodWV)" d="M256 302c-82.5 0-166-15.8-166-46s83.5-46 166-46s166 15.8 166 46s-83.5 46-166 46m0-80c-42.3 0-81.9 4.1-111.7 11.5C115.1 240.8 102 250 102 256s13.1 15.2 42.3 22.5c29.8 7.4 69.4 11.5 111.7 11.5s81.9-4.1 111.7-11.5C396.9 271.2 410 262 410 256s-13.1-15.2-42.3-22.5C337.9 226.1 298.3 222 256 222"/><linearGradient id="SVGNDnrccMI" x1="-693.755" x2="-693.67" y1="795.658" y2="795.573" gradientTransform="matrix(80 0 0 -320 55753 254853)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4b86a"/><stop offset="1" stop-color="#c4a35a"/></linearGradient><path fill="url(#SVGNDnrccMI)" d="M256 422c-30.2 0-46-83.5-46-166s15.8-166 46-166s46 83.5 46 166s-15.8 166-46 166m0-320c-5.9 0-15.2 13.1-22.5 42.3c-7.4 29.8-11.5 69.4-11.5 111.7s4.1 81.9 11.5 111.7C240.8 396.9 250 410 256 410s15.2-13.1 22.5-42.3c7.4-29.8 11.5-69.4 11.5-111.7s-4.1-81.9-11.5-111.7c-7.3-29.2-16.6-42.3-22.5-42.3"/><linearGradient id="SVGeolhNdeN" x1="-700.05" x2="-699.928" y1="791.844" y2="791.722" gradientTransform="matrix(280 0 0 -60 196253 47703)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4b86a"/><stop offset="1" stop-color="#c4a35a"/></linearGradient><path fill="url(#SVGeolhNdeN)" d="M256 230c-37.7 0-73.1-3.2-99.8-8.9c-29.3-6.3-44.2-14.7-44.2-25.1s14.9-18.8 44.2-25.1c26.7-5.7 62.2-8.9 99.8-8.9c37.7 0 73.1 3.2 99.8 8.9c29.3 6.3 44.2 14.7 44.2 25.1s-14.9 18.8-44.2 25.1c-26.7 5.7-62.1 8.9-99.8 8.9m0-60c-37.1 0-72 3.1-98.2 8.7C128 185.1 120 192.6 120 196s8 10.9 37.8 17.3c26.2 5.6 61 8.7 98.2 8.7s72-3.1 98.2-8.7C384 206.9 392 199.4 392 196s-8-10.9-37.8-17.3c-26.2-5.6-61.1-8.7-98.2-8.7" opacity=".6"/><linearGradient id="SVGDOyr9d2D" x1="-700.05" x2="-699.928" y1="791.844" y2="791.722" gradientTransform="matrix(280 0 0 -60 196253 47823)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d4b86a"/><stop offset="1" stop-color="#c4a35a"/></linearGradient><path fill="url(#SVGDOyr9d2D)" d="M256 350c-37.7 0-73.1-3.2-99.8-8.9c-29.3-6.3-44.2-14.7-44.2-25.1s14.9-18.8 44.2-25.1c26.7-5.7 62.2-8.9 99.8-8.9c37.7 0 73.1 3.2 99.8 8.9c29.3 6.3 44.2 14.7 44.2 25.1s-14.9 18.8-44.2 25.1c-26.7 5.7-62.1 8.9-99.8 8.9m0-60c-37.1 0-72 3.1-98.2 8.7C128 305.1 120 312.6 120 316s8 10.9 37.8 17.3c26.2 5.6 61 8.7 98.2 8.7s72-3.1 98.2-8.7C384 326.9 392 319.4 392 316s-8-10.9-37.8-17.3c-26.2-5.6-61.1-8.7-98.2-8.7" opacity=".6"/><circle cx="340" cy="172" r="24" fill="#d4b86a" opacity=".9"/></svg>Como usar o ícone World Monitor
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:world-monitor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:world-monitor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:world-monitor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--world-monitor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:world-monitor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:world-monitor"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/world-monitor.svg" alt="Ícone World Monitor" width="24" height="24">Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone World Monitor
O ícone World Monitor é grátis para uso comercial?
Sim. selfh.st/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 World Monitor no React?
Instale @iconify/react e renderize <Icon icon="selfhst:world-monitor" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone World Monitor a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/world-monitor.svg" alt="Ícone World Monitor">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.