World Monitor icon
selfhst:world-monitor
The World Monitor icon (selfhst:world-monitor) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- selfh.st/icons
- Author
- selfh.st
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- worldmonitor
SVG code
<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>How to use the World Monitor icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/selfhst/world-monitor.svg" alt="World Monitor icon" width="24" height="24">Related icons in selfh.st/icons
World Monitor icon FAQ
Is the World Monitor icon free for commercial use?
Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the World Monitor icon in React?
Install @iconify/react and render <Icon icon="selfhst:world-monitor" />, or use “Copy code” on this page to get a standalone React component.
How do I add the World Monitor icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/world-monitor.svg" alt="World Monitor icon">, or paste the SVG code inline to style it with CSS.