Ikon Rainbow
fontisto:rainbow
Ikon Rainbow (fontisto:rainbow) adalah ikon SVG gratis dari set Fontisto karya Kenan Gündoğan. Ikon ini digambar pada grid 33 × 24. Fontisto icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fontisto
- Pembuat
- Kenan Gündoğan
- Lisensi
- MIT
- Ukuran
- 33 × 24
- Kategori
- Cuaca
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="24" viewBox="0 0 33 24"><path fill="currentColor" d="M31.558 16.69c0-8.212-6.657-14.869-14.869-14.869S1.82 8.478 1.82 16.69a.91.91 0 0 1-1.82 0v-.116C0 7.357 7.472-.116 16.69-.116s16.69 7.472 16.69 16.69v.122v-.006a.91.91 0 0 1-1.82 0zm-3.643 0c0-6.2-5.026-11.226-11.226-11.226S5.463 10.49 5.463 16.69a.91.91 0 0 1-1.82 0c0-7.206 5.841-13.047 13.047-13.047S29.737 9.484 29.737 16.69a.91.91 0 0 1-1.82 0zm-3.642 0a7.584 7.584 0 0 0-15.168 0a.91.91 0 0 1-1.82 0a9.405 9.405 0 0 1 18.81 0a.91.91 0 0 1-1.82 0zm-3.643 0v-.056a3.942 3.942 0 0 0-7.884 0v.059v-.003a.91.91 0 0 1-1.82 0a5.763 5.763 0 1 1 11.526 0a.91.91 0 0 1-1.82 0z"/></svg>
Cara memakai ikon Rainbow
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:rainbow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:rainbow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:rainbow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--rainbow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:rainbow"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:rainbow"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fontisto/rainbow.svg" alt="Ikon Rainbow" width="24" height="24">
Ikon Rainbow di set ikon lain
FAQ Ikon Rainbow
Apakah ikon Rainbow gratis untuk penggunaan komersial?
Ya. Fontisto icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Rainbow di React?
Pasang @iconify/react lalu render <Icon icon="fontisto:rainbow" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Rainbow ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fontisto/rainbow.svg" alt="Ikon Rainbow">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fontisto →
ICONYZ
