Ikon Sun Filled
ant-design:sun-filled
Ikon Sun Filled (ant-design:sun-filled) adalah ikon SVG gratis dari set Ant Design Icons karya HeskeyBaozi. Ikon ini digambar pada grid 1024 × 1024. Ant Design 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
- Ant Design Icons
- Pembuat
- HeskeyBaozi
- Lisensi
- MIT
- Ukuran
- 1024 × 1024
- Tag
- sunfilled
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M548 818v126c0 8.837-7.163 16-16 16h-40c-8.837 0-16-7.163-16-16V818q23.768 2.464 36 2.464T548 818m205.251-115.66l89.096 89.095c6.248 6.248 6.248 16.38 0 22.627l-28.285 28.285c-6.248 6.248-16.379 6.248-22.627 0L702.34 753.25q18.548-15.064 27.198-23.713q8.649-8.65 23.713-27.198m-482.502 0q15.064 18.548 23.713 27.198q8.65 8.649 27.198 23.713l-89.095 89.096c-6.248 6.248-16.38 6.248-22.627 0l-28.285-28.285c-6.248-6.248-6.248-16.379 0-22.627zM512 278c129.235 0 234 104.765 234 234S641.235 746 512 746S278 641.235 278 512s104.765-234 234-234M206 476q-2.464 23.768-2.464 36T206 548H80c-8.837 0-16-7.163-16-16v-40c0-8.837 7.163-16 16-16zm738 0c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H818q2.464-23.768 2.464-36T818 476ZM814.062 180.653l28.285 28.285c6.248 6.248 6.248 16.379 0 22.627L753.25 320.66q-15.064-18.548-23.713-27.198q-8.65-8.649-27.198-23.713l89.095-89.096c6.248-6.248 16.38-6.248 22.627 0m-581.497 0l89.095 89.096q-18.548 15.064-27.198 23.713q-8.649 8.65-23.713 27.198l-89.096-89.095c-6.248-6.248-6.248-16.38 0-22.627l28.285-28.285c6.248-6.248 16.379-6.248 22.627 0M532 64c8.837 0 16 7.163 16 16v126q-23.768-2.464-36-2.464T476 206V80c0-8.837 7.163-16 16-16z"/></svg>
Cara memakai ikon Sun Filled
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:sun-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:sun-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:sun-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--sun-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:sun-filled"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:sun-filled"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ant-design/sun-filled.svg" alt="Ikon Sun Filled" width="24" height="24">
Ikon terkait di Ant Design Icons
Ikon Sun Filled di set ikon lain
FAQ Ikon Sun Filled
Apakah ikon Sun Filled gratis untuk penggunaan komersial?
Ya. Ant Design Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sun Filled di React?
Pasang @iconify/react lalu render <Icon icon="ant-design:sun-filled" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sun Filled ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ant-design/sun-filled.svg" alt="Ikon Sun Filled">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ant Design Icons →
ICONYZ
