Ikon Gleam
thesvg-color:gleam
Ikon Gleam (thesvg-color:gleam) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 2000 × 1915. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 2000 × 1915
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1915" viewBox="0 0 2000 1915"><path fill="#ffaff3" d="M905.5 95.13c41.483-73.507 147.51-73.507 189 0l217.42 385.27c26.9 47.672 73.23 81.278 126.9 92.095l434.05 87.471c82.87 16.699 115.52 117.34 58.4 179.4l-299.67 325.58a188.15 188.15 0 0 0-48.49 149.06l50.83 439.33c9.69 83.71-75.98 146.04-152.89 110.88l-402.64-184.05a188.55 188.55 0 0 0-156.82 0l-402.63 184.05c-76.916 35.15-162.58-27.17-152.9-110.88l50.837-439.33c6.292-54.37-11.413-108.78-48.488-149.06l-299.68-325.58c-57.118-62.055-24.463-162.7 58.403-179.4l434.05-87.471c53.674-10.817 100-44.423 126.9-92.095z"/><g fill="#151515"><path d="M1000 1.287c-50.71 0-101.42 24.727-129.33 74.184l-217.42 385.27c-21.197 37.562-57.654 64.015-99.969 72.543l-434.05 87.47c-111.38 22.446-156.79 162.2-79.932 245.7l299.68 325.58a148.08 148.08 0 0 1 38.183 117.37l-50.836 439.33c-13.042 112.71 105.87 199.11 209.26 151.86l.002-.002l402.64-184.05l.002-.002a148.48 148.48 0 0 1 123.55 0l.002.002l402.64 184.05c103.38 47.263 222.3-39.144 209.25-151.86l.002.002l-50.83-439.33v-.002a148.07 148.07 0 0 1 38.181-117.37l.002-.004l299.67-325.59v-.002c76.858-83.5 31.455-223.25-79.93-245.7l-434.05-87.47c-42.311-8.527-78.773-34.981-99.967-72.54l-217.42-385.28c-27.914-49.455-78.626-74.182-129.34-74.182m.002 77.426c23.044 0 46.09 12.026 59.666 36.078l217.42 385.27c32.606 57.784 88.805 98.544 153.83 111.65l434.05 87.47c54.356 10.954 74.253 72.488 36.872 113.1l-299.67 325.59c-44.938 48.81-66.415 114.84-58.793 180.74l50.83 439.33v.001c6.333 54.706-46.086 92.96-96.523 69.903h-.002l-402.64-184.05c-60.336-27.588-129.75-27.588-190.09.002l-402.63 184.05c-50.446 23.052-102.86-15.196-96.535-69.902l50.838-439.33c7.627-65.91-13.86-131.93-58.793-180.75l-299.68-325.58c-37.378-40.609-17.476-102.14 36.874-113.1l434.05-87.473c65.032-13.106 121.23-53.865 153.84-111.65v-.002l217.42-385.27c13.573-24.05 36.616-36.076 59.66-36.076"/><circle cx="678.57" cy="1007.1" r="78.571"/><circle cx="1321.4" cy="1007.1" r="78.571"/><path d="M929.244 1112.08a40 40 0 0 0-31.543 46.96a104.3 104.3 0 0 0 15.485 37.634l.001.002l.002.004a104.2 104.2 0 0 0 28.715 28.834l.008.006a104.3 104.3 0 0 0 37.533 15.652l.014.004l.016.002a104.4 104.4 0 0 0 40.666.082h.004a104.3 104.3 0 0 0 37.625-15.477l.005-.004l.008-.004a104.3 104.3 0 0 0 28.819-28.699a104.1 104.1 0 0 0 15.664-37.588a40 40 0 0 0-31.35-47.086a40 40 0 0 0-47.086 31.352a24.1 24.1 0 0 1-3.627 8.7l-.012.015l-.01.017a24.2 24.2 0 0 1-6.7 6.676a24.2 24.2 0 0 1-8.75 3.596l-.01.002l-.01.002c-3.13.615-6.348.61-9.475-.016a24.3 24.3 0 0 1-8.734-3.646l-.014-.01l-.011-.008a24.2 24.2 0 0 1-6.666-6.693l-.002-.004l-.002-.002a24.3 24.3 0 0 1-3.604-8.76a40 40 0 0 0-46.959-31.543"/></g></svg>Cara memakai ikon Gleam
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:gleam" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:gleam" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:gleam" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gleam]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gleam"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:gleam"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/gleam.svg" alt="Ikon Gleam" width="24" height="24">Ikon Gleam di set ikon lain
FAQ Ikon Gleam
Apakah ikon Gleam gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gleam di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:gleam" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gleam ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/gleam.svg" alt="Ikon Gleam">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.