Ikon Realm
cib:realm
Ikon Realm (cib:realm) adalah ikon SVG gratis dari set CoreUI Brands karya creativeLabs Łukasz Holeczek. Ikon ini digambar pada grid 32 × 32. CoreUI Brands icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- CoreUI Brands
- Pembuat
- creativeLabs Łukasz Holeczek
- Lisensi
- CC0-1.0
- Ukuran
- 32 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.005.078A16.17 16.17 0 0 0 4.692 4.75v.005C1.728 7.719.004 11.849.004 16.041c0 4.188 1.714 8.323 4.688 11.286a16.25 16.25 0 0 0 11.307 4.677h.005c4.198 0 8.339-1.714 11.307-4.682h.005c2.984-3 4.667-7.047 4.687-11.276v-.005c0-4.188-1.714-8.323-4.693-11.286A16.16 16.16 0 0 0 16.003.078zm0 1.781c.641 0 1.281.063 1.911.151c-2.703.755-5.016 2.161-7.401 2.599a9.8 9.8 0 0 1-2.969.063c2.432-1.786 5.443-2.813 8.458-2.813zm5.516 1.433c.229 0 .464.01.693.026a14.3 14.3 0 0 1 3.844 2.698c.125.12.229.26.349.385a13.7 13.7 0 0 1-5.922 1.573c-3.24.078-6.609-1.063-10.255-1.099a16.9 16.9 0 0 0-5.813.99a14.5 14.5 0 0 1 1.411-1.724c1.635.432 3.333.521 5 .219c3.021-.547 5.516-2.167 8.068-2.771c.859-.203 1.74-.302 2.625-.297m6.047 4.536a14.5 14.5 0 0 1 1.906 3.766a15 15 0 0 0-1.797-.859a15.1 15.1 0 0 0-8.828-.656h-.005c-1.984.458-3.786 1.292-5.536 2.031a40 40 0 0 1-1.87.74a13.5 13.5 0 0 0-1.922-.344h-.005a12.7 12.7 0 0 0-5.594.734a11 11 0 0 1-1.656-.714c.182-.708.417-1.406.708-2.078c2.224-1.167 4.734-1.818 7.24-1.792c3.26.036 6.656 1.188 10.318 1.094h.005a15.5 15.5 0 0 0 7.036-1.922m-5.375 3.656c1.641 0 3.281.307 4.833.911a13 13 0 0 1 3.042 1.703c.047.339.083.672.109 1.016a14.2 14.2 0 0 0-2.99-.438a13.6 13.6 0 0 0-4.271.505c-.927.266-1.802.615-2.651 1.01c-1.448-.495-2.891-1.146-4.37-1.781q-.875-.375-1.766-.719c1.734-.734 3.406-1.484 5.115-1.88a13.3 13.3 0 0 1 2.943-.328zm-14.354 2.75c.495-.021 1-.005 1.5.042c1.964.198 3.911.938 5.854 1.771q1.438.628 2.938 1.24c-1.469.807-2.875 1.635-4.318 2.266c-1.396-.521-2.839-1.01-4.401-1.224c-2.448-.333-4.953.083-7.182 1.104c-.255-1-.401-2.031-.427-3.063a11 11 0 0 1 1.708-1.057a11 11 0 0 1 4.328-1.078zm19.281 2.224c1.031.036 2.063.214 3.052.505a14 14 0 0 1-.406 2.521a13.6 13.6 0 0 1-2.849 1.443a14 14 0 0 1-7.667.495c-1.042-.224-2.078-.599-3.12-1c2.516-1.297 4.797-2.823 7.276-3.526a11.9 11.9 0 0 1 3.714-.438M7.344 20.01a11 11 0 0 1 1.828.083c3.135.432 6.151 2.292 9.698 3.068q.71.154 1.438.24q-.703.201-1.391.443v.005c-1.714.615-3.276 1.385-4.849 1.849c-2.87.833-5.927.719-8.724-.307a14.3 14.3 0 0 1-2.573-4.24a11.5 11.5 0 0 1 4.573-1.141m21.526 2c-.089.193-.177.385-.276.573c-.297-.021-.589-.052-.885-.063c.396-.151.776-.333 1.161-.51m-2.266 2.271c.307-.005.615.005.927.021c-.443.62-.927 1.214-1.474 1.766h-.005c-2.62 2.62-6.339 4.151-10.042 4.151a14.37 14.37 0 0 1-7.724-2.302c2.089.255 4.229.089 6.276-.505h.005c1.776-.526 3.37-1.318 4.948-1.885a21.4 21.4 0 0 1 7.083-1.245z"/></svg>Cara memakai ikon Realm
React
import { Icon } from "@iconify/react";
<Icon icon="cib:realm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:realm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:realm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--realm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:realm"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:realm"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/cib/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. CoreUI Brands icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Realm di React?
Pasang @iconify/react lalu render <Icon icon="cib: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/cib/realm.svg" alt="Ikon Realm">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.