Ikon World Monitor
selfhst:world-monitor
Ikon World Monitor (selfhst:world-monitor) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
- Tag
- worldmonitor
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/world-monitor.svg" alt="Ikon World Monitor" width="24" height="24">Ikon terkait di selfh.st/icons
FAQ Ikon World Monitor
Apakah ikon World Monitor gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon World Monitor di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:world-monitor" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon World Monitor ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/world-monitor.svg" alt="Ikon World Monitor">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.