Ikon Bun Light

skill-icons:bun-light

Ikon Bun Light (skill-icons:bun-light) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill 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: Skill Icons
Pembuat: tandpfun
Lisensi: MIT
Ukuran: 256 × 256
Tag: bunlight

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#000" d="M206.709 91.241c-.405-.43-.836-.86-1.266-1.266c-.431-.405-.836-.86-1.266-1.265c-.43-.406-.835-.861-1.266-1.266c-.43-.405-.835-.861-1.266-1.266c-.43-.405-.835-.86-1.265-1.266c-.431-.405-.836-.86-1.266-1.266c-.431-.405-.836-.86-1.266-1.266a67 67 0 0 1 20.025 46.735c0 41.949-42.582 76.076-94.937 76.076c-29.316 0-55.544-10.709-72.987-27.494l1.266 1.266l1.266 1.266l1.265 1.265l1.266 1.266l1.266 1.266l1.266 1.266l1.266 1.266c17.418 17.493 44.228 28.759 74.253 28.759c52.354 0 94.937-34.126 94.937-75.949c0-17.874-7.696-34.81-21.291-48.127"/><path fill="#fbf0df" d="M211.544 129.114c0 38.506-39.67 69.722-88.607 69.722s-88.608-31.216-88.608-69.722c0-23.873 15.19-44.962 38.532-57.468s37.873-25.317 50.076-25.317c12.202 0 22.633 10.456 50.076 25.317c23.342 12.506 38.531 33.595 38.531 57.468"/><path fill="#f6dece" d="M211.544 129.114a54.8 54.8 0 0 0-2.025-14.633c-6.911 84.304-109.747 88.354-150.177 63.139a101.27 101.27 0 0 0 63.595 21.215c48.861 0 88.607-31.265 88.607-69.721"/><path fill="#fffefc" d="M88.836 67.013c11.316-6.785 26.354-19.52 41.139-19.545a23.5 23.5 0 0 0-7.038-1.139c-6.127 0-12.658 3.165-20.886 7.924c-2.861 1.671-5.823 3.52-8.962 5.443c-5.9 3.646-12.659 7.772-20.254 11.899c-24.1 13.038-38.506 34.532-38.506 57.519v3.013c15.342-54.203 43.215-58.33 54.506-65.114"/><path fill="#ccbea7" fill-rule="evenodd" d="M115.645 52.734a41.53 41.53 0 0 1-14.253 31.57c-.709.633-.152 1.848.76 1.493c8.531-3.316 20.05-13.24 15.19-33.265c-.203-1.14-1.697-.836-1.697.202m5.747 0a41.12 41.12 0 0 1 4.076 34.101c-.304.887.785 1.646 1.393.912c5.544-7.089 10.379-21.165-4.102-36.355c-.734-.658-1.873.355-1.367 1.24zm6.988-.43a41.56 41.56 0 0 1 17.341 29.772a.837.837 0 0 0 1.646.278c2.329-8.835 1.013-23.898-18.152-31.721c-1.013-.405-1.671.962-.835 1.57zM81.645 78.633a42.9 42.9 0 0 0 26.507-22.785c.455-.911 1.899-.557 1.671.456c-4.38 20.253-19.038 24.48-28.152 23.924c-.962.025-.937-1.317-.026-1.595" clip-rule="evenodd"/><path fill="#000" d="M122.937 205.19C70.582 205.19 28 171.063 28 129.114c0-25.316 15.646-48.937 41.848-63.089c7.595-4.05 14.101-8.126 19.899-11.696a530 530 0 0 1 9.114-5.544C107.747 43.519 115.342 40 122.937 40s14.228 3.038 22.531 7.95c2.532 1.442 5.064 3.012 7.773 4.734c6.303 3.898 13.417 8.303 22.784 13.341c26.203 14.152 41.849 37.747 41.849 63.089c0 41.949-42.583 76.076-94.937 76.076m0-158.86c-6.127 0-12.658 3.164-20.886 7.923c-2.861 1.671-5.823 3.52-8.962 5.443c-5.9 3.646-12.659 7.772-20.254 11.899c-24.1 13.038-38.506 34.532-38.506 57.519c0 38.456 39.747 69.747 88.608 69.747s88.607-31.291 88.607-69.747c0-22.987-14.405-44.481-38.531-57.468c-9.57-5.064-17.038-9.823-23.089-13.57c-2.759-1.696-5.291-3.266-7.595-4.658c-7.671-4.557-13.266-7.089-19.392-7.089"/><path fill="#b71422" d="M140.785 147.596a22.6 22.6 0 0 1-7.392 11.924a17.24 17.24 0 0 1-10.127 4.759a17.3 17.3 0 0 1-10.456-4.759a22.6 22.6 0 0 1-7.291-11.924a1.82 1.82 0 0 1 .51-1.522a1.82 1.82 0 0 1 1.515-.529h31.241a1.82 1.82 0 0 1 1.498.54a1.83 1.83 0 0 1 .502 1.511"/><path fill="#ff6164" d="M112.81 159.722a17.5 17.5 0 0 0 10.431 4.81a17.5 17.5 0 0 0 10.405-4.81a27 27 0 0 0 2.531-2.709a17.27 17.27 0 0 0-12.405-5.848a15.56 15.56 0 0 0-12.658 7.038c.582.531 1.089 1.038 1.696 1.519"/><path fill="#000" d="M113.215 157.722a13.57 13.57 0 0 1 10.608-5.266a15.2 15.2 0 0 1 10.127 4.278a40 40 0 0 0 1.67-1.949a17.72 17.72 0 0 0-11.924-4.886a16.1 16.1 0 0 0-12.379 5.975q.898.976 1.898 1.848"/><path fill="#000" d="M123.165 165.798a18.8 18.8 0 0 1-11.266-5.064a24.1 24.1 0 0 1-7.873-12.784a3.04 3.04 0 0 1 .658-2.532a3.57 3.57 0 0 1 2.861-1.291h31.24a3.64 3.64 0 0 1 2.861 1.291a3.02 3.02 0 0 1 .633 2.532a24.1 24.1 0 0 1-7.874 12.784a18.78 18.78 0 0 1-11.24 5.064m-15.62-18.735c-.406 0-.507.178-.532.228a21 21 0 0 0 6.911 11.064a15.77 15.77 0 0 0 9.241 4.43a15.9 15.9 0 0 0 9.24-4.38a21 21 0 0 0 6.886-11.063a.53.53 0 0 0-.506-.228z"/><path fill="#febbd0" d="M161.469 149.164c8.179 0 14.81-3.899 14.81-8.709s-6.631-8.708-14.81-8.708s-14.81 3.899-14.81 8.708s6.63 8.709 14.81 8.709m-76.633 0c8.18 0 14.81-3.899 14.81-8.709s-6.63-8.708-14.81-8.708s-14.81 3.899-14.81 8.708s6.63 8.709 14.81 8.709"/><path fill="#000" fill-rule="evenodd" d="M91.798 136.962a13.948 13.948 0 0 0 13.71-16.655a13.95 13.95 0 1 0-13.71 16.655m62.709 0a13.95 13.95 0 0 0 12.959-8.541a13.949 13.949 0 1 0-26.807-5.409a13.92 13.92 0 0 0 13.848 13.95" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M87.494 123.898a5.243 5.243 0 0 0 3.74-8.937a5.241 5.241 0 1 0-3.74 8.937m62.709 0a5.25 5.25 0 0 0 4.86-3.217a5.25 5.25 0 0 0-1.12-5.72a5.243 5.243 0 0 0-8.07.783a5.24 5.24 0 0 0 .623 6.593a5.24 5.24 0 0 0 3.656 1.561z" clip-rule="evenodd"/></g></svg>

Cara memakai ikon Bun Light

React

import { Icon } from "@iconify/react";

<Icon icon="skill-icons:bun-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="skill-icons:bun-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="skill-icons:bun-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--bun-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:bun-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="skill-icons:bun-light"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/bun-light.svg" alt="Ikon Bun Light" width="24" height="24">

Ikon terkait di Skill Icons

Ikon Bun Light di set ikon lain

FAQ Ikon Bun Light

Apakah ikon Bun Light gratis untuk penggunaan komersial?

Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Bun Light di React?

Pasang @iconify/react lalu render <Icon icon="skill-icons:bun-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Bun Light ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/bun-light.svg" alt="Ikon Bun Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Skill Icons →