Ikon Realm
logos:realm
Ikon Realm (logos:realm) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><circle id="SVGN5eQqeMK" cx="128" cy="128" r="128"/></defs><mask id="SVGMX2wGdvm" fill="#fff"><use href="#SVGN5eQqeMK"/></mask><use fill="#fff" href="#SVGN5eQqeMK"/><g mask="url(#SVGMX2wGdvm)"><path fill="#fcc397" d="M183.588 11.48C166.752 3.479 147.916-1 128.034-1C93.35-1 61.849 12.628 38.594 34.821c-24.724 23.596 188.755-2.54 144.994-23.34"/><path fill="#fc9f95" d="M229.402 47.727c.148.185-10.568 14.507-42.774 18.573c-65.005 8.207-176.609 9.074-176.44 8.705a129.9 129.9 0 0 1 28.551-40.136c14.026 4.38 29.293 5.47 43.734 2.81c23.844-4.363 45.057-18.14 68.643-23.755c10.468-2.515 21.874-3.25 32.616-2.396c17.85 8.483 33.451 20.929 45.67 36.199"/><path fill="#f77c88" d="M255.962 108.343c.082.522-146.587 14.309-218.048 10.29C14.63 117.324.89 103.247 1.048 102.48a128.6 128.6 0 0 1 8.935-27.451c20.645-11.3 44.934-17.822 68.487-17.565c29.535.303 58.51 10.15 88.046 9.416c21.934-.558 44.043-7.559 62.68-19.129c13.736 17.166 23.196 37.901 26.766 60.593"/><path fill="#f25192" d="M257.131 127.91c0 .718-.017 2.15-.017 2.15s-40.737 10.275-93.202 9.662C90.427 138.863-2.002 127.01-2 126.792c.073-8.596.982-16.993 2.652-25.113c17.606 10.863 38.957 16.183 59.508 13.944c16.341-1.77 31.864-7.817 46.998-14.252s30.182-13.346 46.179-17.06c23.499-5.442 48.636-3.542 71.1 5.312c10.929 4.31 21.772 10.506 31.112 17.977a130.5 130.5 0 0 1 1.582 20.31"/><path fill="#d34ca3" d="M110.194 170.017c-38.873 7.179-105.585-1.101-105.753-1.613C.261 155.674-2 142.074-2 127.947q0-.56.005-1.118c5.901-4.68 12.794-8.852 19.523-12.094c16.644-8.076 35.53-11.445 53.94-9.631c18.196 1.814 35.572 8.551 52.388 15.807c14.167 6.113 28.243 12.717 42.948 17.28c1.44.446-13.82 23.924-56.61 31.826"/><path fill="#9a50a5" d="M252.618 162.852c-2.714 4.584-28.53 20.027-63.525 22.672c-46.335 3.502-101.073-10.504-82.915-17.632c28.587-11.229 53.38-31.398 82.915-39.82c22.064-6.32 46.522-5.322 68.182 2.316a129.6 129.6 0 0 1-4.657 32.464"/><path fill="#59569e" d="M240.591 192.573c-22.373 38.843-184.638 48.584-208.343 22.455c-12.066-13.3-21.407-29.12-27.139-46.575c19.927-11.39 43.254-16.226 65.675-13.16c29.018 3.973 55.018 20.17 83.648 26.475c23.11 5.096 47.602 3.498 69.85-4.535c10.058-3.66 20.03-8.563 28.849-14.626a128.8 128.8 0 0 1-12.54 29.966"/><path fill="#39477f" d="M240.058 192.03c-22.326 39.021-64.363 65.316-112.541 65.316c-38.065 0-72.296-16.414-96.001-42.55c3.933 1.503 8.333 2.803 12.366 3.939c22.55 6.22 46.825 6.047 69.246-.561c14.359-4.233 27.854-10.97 41.954-16.067c26.904-9.702 56.517-13.118 84.976-10.078"/></g></svg>Cara memakai ikon Realm
React
import { Icon } from "@iconify/react";
<Icon icon="logos:realm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:realm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:realm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--realm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:realm"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:realm"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/realm.svg" alt="Ikon Realm" width="24" height="24">Ikon Realm di set ikon lain
FAQ Ikon Realm
Apakah ikon Realm gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Realm di React?
Pasang @iconify/react lalu render <Icon icon="logos:realm" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Realm ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/realm.svg" alt="Ikon Realm">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.