Bun Light icon

skill-icons:bun-light

The Bun Light icon (skill-icons:bun-light) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Skill Icons
Author: tandpfun
License: MIT
Size: 256 × 256
Tags: bunlight

Download SVG

SVG code

<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>

How to use the Bun Light icon

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>

HTML image

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

Related icons in Skill Icons

Bun Light icon in other icon sets

Bun Light icon FAQ

Is the Bun Light icon free for commercial use?

Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Bun Light icon in React?

Install @iconify/react and render <Icon icon="skill-icons:bun-light" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bun Light icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/bun-light.svg" alt="Bun Light icon">, or paste the SVG code inline to style it with CSS.

Browse all Skill Icons →