bun light logo
bun-light from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- bun-light
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Use the bun light logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff8e1" d="M15.696 27.002a13.73 13.73 0 0 1-9.071-3.062a8.86 8.86 0 0 1-3.6-6.505c-.252-5.091 3.813-7.747 8.748-10.455c.28-.165.537-.322.793-.48a7.8 7.8 0 0 1 3.52-1.5a2 2 0 0 1 .695.118a14.8 14.8 0 0 1 2.95 1.576c.972.6 2.182 1.348 3.707 2.173a10.14 10.14 0 0 1 5.274 6.147A8.8 8.8 0 0 1 29 17.035a8.15 8.15 0 0 1-2.525 5.959a15.6 15.6 0 0 1-10.778 4.008Z"/><path fill="#37474f" d="M16.087 6a1 1 0 0 1 .358.06l.038.013l.037.012a14.5 14.5 0 0 1 2.684 1.46a72 72 0 0 0 3.767 2.205a9.17 9.17 0 0 1 4.767 5.493A8 8 0 0 1 28 17.055a7.18 7.18 0 0 1-2.234 5.233a14.6 14.6 0 0 1-10.07 3.714a12.74 12.74 0 0 1-8.415-2.816l-.027-.024l-.029-.023a7.98 7.98 0 0 1-3.202-5.758c-.223-4.516 3.431-6.89 8.231-9.525l.027-.015l.027-.015q.389-.231.783-.474A7.4 7.4 0 0 1 16.087 6m0-2c-1.618 0-3.248 1.19-4.795 2.103c-4.52 2.481-9.56 5.41-9.267 11.376a9.9 9.9 0 0 0 3.942 7.215a14.77 14.77 0 0 0 9.73 3.308c7.122 0 14.335-4.134 14.303-10.957a9.6 9.6 0 0 0-.322-2.29a11.16 11.16 0 0 0-5.764-6.768c-3.495-1.89-5.242-3.326-6.798-3.811A3 3 0 0 0 16.086 4Z"/><path fill="#37474f" d="M19.855 20.236A.8.8 0 0 0 19.26 20h-6.514a.8.8 0 0 0-.596.236a.51.51 0 0 0-.137.463a4.37 4.37 0 0 0 1.641 2.339a4.2 4.2 0 0 0 2.349.926a4.2 4.2 0 0 0 2.343-.926a4.37 4.37 0 0 0 1.642-2.339a.5.5 0 0 0-.132-.463Z"/><ellipse cx="22.5" cy="18.5" fill="#f8bbd0" rx="2.5" ry="1.5"/><ellipse cx="9.5" cy="18.5" fill="#f8bbd0" rx="2.5" ry="1.5"/><circle cx="10" cy="16" r="2" fill="#37474f"/><circle cx="22" cy="16" r="2" fill="#37474f"/><path fill="#455a64" d="M9.996 18A2 2 0 1 0 8 15.996V16a2 2 0 0 0 1.996 2"/><circle cx="9" cy="15" r="1" fill="#fafafa"/><circle cx="21" cy="15" r="1" fill="#fafafa"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeBunLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff8e1" d="M15.696 27.002a13.73 13.73 0 0 1-9.071-3.062a8.86 8.86 0 0 1-3.6-6.505c-.252-5.091 3.813-7.747 8.748-10.455c.28-.165.537-.322.793-.48a7.8 7.8 0 0 1 3.52-1.5a2 2 0 0 1 .695.118a14.8 14.8 0 0 1 2.95 1.576c.972.6 2.182 1.348 3.707 2.173a10.14 10.14 0 0 1 5.274 6.147A8.8 8.8 0 0 1 29 17.035a8.15 8.15 0 0 1-2.525 5.959a15.6 15.6 0 0 1-10.778 4.008Z"/><path fill="#37474f" d="M16.087 6a1 1 0 0 1 .358.06l.038.013l.037.012a14.5 14.5 0 0 1 2.684 1.46a72 72 0 0 0 3.767 2.205a9.17 9.17 0 0 1 4.767 5.493A8 8 0 0 1 28 17.055a7.18 7.18 0 0 1-2.234 5.233a14.6 14.6 0 0 1-10.07 3.714a12.74 12.74 0 0 1-8.415-2.816l-.027-.024l-.029-.023a7.98 7.98 0 0 1-3.202-5.758c-.223-4.516 3.431-6.89 8.231-9.525l.027-.015l.027-.015q.389-.231.783-.474A7.4 7.4 0 0 1 16.087 6m0-2c-1.618 0-3.248 1.19-4.795 2.103c-4.52 2.481-9.56 5.41-9.267 11.376a9.9 9.9 0 0 0 3.942 7.215a14.77 14.77 0 0 0 9.73 3.308c7.122 0 14.335-4.134 14.303-10.957a9.6 9.6 0 0 0-.322-2.29a11.16 11.16 0 0 0-5.764-6.768c-3.495-1.89-5.242-3.326-6.798-3.811A3 3 0 0 0 16.086 4Z"/><path fill="#37474f" d="M19.855 20.236A.8.8 0 0 0 19.26 20h-6.514a.8.8 0 0 0-.596.236a.51.51 0 0 0-.137.463a4.37 4.37 0 0 0 1.641 2.339a4.2 4.2 0 0 0 2.349.926a4.2 4.2 0 0 0 2.343-.926a4.37 4.37 0 0 0 1.642-2.339a.5.5 0 0 0-.132-.463Z"/><ellipse cx="22.5" cy="18.5" fill="#f8bbd0" rx="2.5" ry="1.5"/><ellipse cx="9.5" cy="18.5" fill="#f8bbd0" rx="2.5" ry="1.5"/><circle cx="10" cy="16" r="2" fill="#37474f"/><circle cx="22" cy="16" r="2" fill="#37474f"/><path fill="#455a64" d="M9.996 18A2 2 0 1 0 8 15.996V16a2 2 0 0 0 1.996 2"/><circle cx="9" cy="15" r="1" fill="#fafafa"/><circle cx="21" cy="15" r="1" fill="#fafafa"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff8e1" d="M15.696 27.002a13.73 13.73 0 0 1-9.071-3.062a8.86 8.86 0 0 1-3.6-6.505c-.252-5.091 3.813-7.747 8.748-10.455c.28-.165.537-.322.793-.48a7.8 7.8 0 0 1 3.52-1.5a2 2 0 0 1 .695.118a14.8 14.8 0 0 1 2.95 1.576c.972.6 2.182 1.348 3.707 2.173a10.14 10.14 0 0 1 5.274 6.147A8.8 8.8 0 0 1 29 17.035a8.15 8.15 0 0 1-2.525 5.959a15.6 15.6 0 0 1-10.778 4.008Z"/><path fill="#37474f" d="M16.087 6a1 1 0 0 1 .358.06l.038.013l.037.012a14.5 14.5 0 0 1 2.684 1.46a72 72 0 0 0 3.767 2.205a9.17 9.17 0 0 1 4.767 5.493A8 8 0 0 1 28 17.055a7.18 7.18 0 0 1-2.234 5.233a14.6 14.6 0 0 1-10.07 3.714a12.74 12.74 0 0 1-8.415-2.816l-.027-.024l-.029-.023a7.98 7.98 0 0 1-3.202-5.758c-.223-4.516 3.431-6.89 8.231-9.525l.027-.015l.027-.015q.389-.231.783-.474A7.4 7.4 0 0 1 16.087 6m0-2c-1.618 0-3.248 1.19-4.795 2.103c-4.52 2.481-9.56 5.41-9.267 11.376a9.9 9.9 0 0 0 3.942 7.215a14.77 14.77 0 0 0 9.73 3.308c7.122 0 14.335-4.134 14.303-10.957a9.6 9.6 0 0 0-.322-2.29a11.16 11.16 0 0 0-5.764-6.768c-3.495-1.89-5.242-3.326-6.798-3.811A3 3 0 0 0 16.086 4Z"/><path fill="#37474f" d="M19.855 20.236A.8.8 0 0 0 19.26 20h-6.514a.8.8 0 0 0-.596.236a.51.51 0 0 0-.137.463a4.37 4.37 0 0 0 1.641 2.339a4.2 4.2 0 0 0 2.349.926a4.2 4.2 0 0 0 2.343-.926a4.37 4.37 0 0 0 1.642-2.339a.5.5 0 0 0-.132-.463Z"/><ellipse cx="22.5" cy="18.5" fill="#f8bbd0" rx="2.5" ry="1.5"/><ellipse cx="9.5" cy="18.5" fill="#f8bbd0" rx="2.5" ry="1.5"/><circle cx="10" cy="16" r="2" fill="#37474f"/><circle cx="22" cy="16" r="2" fill="#37474f"/><path fill="#455a64" d="M9.996 18A2 2 0 1 0 8 15.996V16a2 2 0 0 0 1.996 2"/><circle cx="9" cy="15" r="1" fill="#fafafa"/><circle cx="21" cy="15" r="1" fill="#fafafa"/></svg> </template>
CSS
.icon-bun-light {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff8e1%22%20d%3D%22M15.696%2027.002a13.73%2013.73%200%200%201-9.071-3.062a8.86%208.86%200%200%201-3.6-6.505c-.252-5.091%203.813-7.747%208.748-10.455c.28-.165.537-.322.793-.48a7.8%207.8%200%200%201%203.52-1.5a2%202%200%200%201%20.695.118a14.8%2014.8%200%200%201%202.95%201.576c.972.6%202.182%201.348%203.707%202.173a10.14%2010.14%200%200%201%205.274%206.147A8.8%208.8%200%200%201%2029%2017.035a8.15%208.15%200%200%201-2.525%205.959a15.6%2015.6%200%200%201-10.778%204.008Z%22%2F%3E%3Cpath%20fill%3D%22%2337474f%22%20d%3D%22M16.087%206a1%201%200%200%201%20.358.06l.038.013l.037.012a14.5%2014.5%200%200%201%202.684%201.46a72%2072%200%200%200%203.767%202.205a9.17%209.17%200%200%201%204.767%205.493A8%208%200%200%201%2028%2017.055a7.18%207.18%200%200%201-2.234%205.233a14.6%2014.6%200%200%201-10.07%203.714a12.74%2012.74%200%200%201-8.415-2.816l-.027-.024l-.029-.023a7.98%207.98%200%200%201-3.202-5.758c-.223-4.516%203.431-6.89%208.231-9.525l.027-.015l.027-.015q.389-.231.783-.474A7.4%207.4%200%200%201%2016.087%206m0-2c-1.618%200-3.248%201.19-4.795%202.103c-4.52%202.481-9.56%205.41-9.267%2011.376a9.9%209.9%200%200%200%203.942%207.215a14.77%2014.77%200%200%200%209.73%203.308c7.122%200%2014.335-4.134%2014.303-10.957a9.6%209.6%200%200%200-.322-2.29a11.16%2011.16%200%200%200-5.764-6.768c-3.495-1.89-5.242-3.326-6.798-3.811A3%203%200%200%200%2016.086%204Z%22%2F%3E%3Cpath%20fill%3D%22%2337474f%22%20d%3D%22M19.855%2020.236A.8.8%200%200%200%2019.26%2020h-6.514a.8.8%200%200%200-.596.236a.51.51%200%200%200-.137.463a4.37%204.37%200%200%200%201.641%202.339a4.2%204.2%200%200%200%202.349.926a4.2%204.2%200%200%200%202.343-.926a4.37%204.37%200%200%200%201.642-2.339a.5.5%200%200%200-.132-.463Z%22%2F%3E%3Cellipse%20cx%3D%2222.5%22%20cy%3D%2218.5%22%20fill%3D%22%23f8bbd0%22%20rx%3D%222.5%22%20ry%3D%221.5%22%2F%3E%3Cellipse%20cx%3D%229.5%22%20cy%3D%2218.5%22%20fill%3D%22%23f8bbd0%22%20rx%3D%222.5%22%20ry%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%2337474f%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%2337474f%22%2F%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22M9.996%2018A2%202%200%201%200%208%2015.996V16a2%202%200%200%200%201.996%202%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22%23fafafa%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22%23fafafa%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff8e1%22%20d%3D%22M15.696%2027.002a13.73%2013.73%200%200%201-9.071-3.062a8.86%208.86%200%200%201-3.6-6.505c-.252-5.091%203.813-7.747%208.748-10.455c.28-.165.537-.322.793-.48a7.8%207.8%200%200%201%203.52-1.5a2%202%200%200%201%20.695.118a14.8%2014.8%200%200%201%202.95%201.576c.972.6%202.182%201.348%203.707%202.173a10.14%2010.14%200%200%201%205.274%206.147A8.8%208.8%200%200%201%2029%2017.035a8.15%208.15%200%200%201-2.525%205.959a15.6%2015.6%200%200%201-10.778%204.008Z%22%2F%3E%3Cpath%20fill%3D%22%2337474f%22%20d%3D%22M16.087%206a1%201%200%200%201%20.358.06l.038.013l.037.012a14.5%2014.5%200%200%201%202.684%201.46a72%2072%200%200%200%203.767%202.205a9.17%209.17%200%200%201%204.767%205.493A8%208%200%200%201%2028%2017.055a7.18%207.18%200%200%201-2.234%205.233a14.6%2014.6%200%200%201-10.07%203.714a12.74%2012.74%200%200%201-8.415-2.816l-.027-.024l-.029-.023a7.98%207.98%200%200%201-3.202-5.758c-.223-4.516%203.431-6.89%208.231-9.525l.027-.015l.027-.015q.389-.231.783-.474A7.4%207.4%200%200%201%2016.087%206m0-2c-1.618%200-3.248%201.19-4.795%202.103c-4.52%202.481-9.56%205.41-9.267%2011.376a9.9%209.9%200%200%200%203.942%207.215a14.77%2014.77%200%200%200%209.73%203.308c7.122%200%2014.335-4.134%2014.303-10.957a9.6%209.6%200%200%200-.322-2.29a11.16%2011.16%200%200%200-5.764-6.768c-3.495-1.89-5.242-3.326-6.798-3.811A3%203%200%200%200%2016.086%204Z%22%2F%3E%3Cpath%20fill%3D%22%2337474f%22%20d%3D%22M19.855%2020.236A.8.8%200%200%200%2019.26%2020h-6.514a.8.8%200%200%200-.596.236a.51.51%200%200%200-.137.463a4.37%204.37%200%200%200%201.641%202.339a4.2%204.2%200%200%200%202.349.926a4.2%204.2%200%200%200%202.343-.926a4.37%204.37%200%200%200%201.642-2.339a.5.5%200%200%200-.132-.463Z%22%2F%3E%3Cellipse%20cx%3D%2222.5%22%20cy%3D%2218.5%22%20fill%3D%22%23f8bbd0%22%20rx%3D%222.5%22%20ry%3D%221.5%22%2F%3E%3Cellipse%20cx%3D%229.5%22%20cy%3D%2218.5%22%20fill%3D%22%23f8bbd0%22%20rx%3D%222.5%22%20ry%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%2337474f%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2216%22%20r%3D%222%22%20fill%3D%22%2337474f%22%2F%3E%3Cpath%20fill%3D%22%23455a64%22%20d%3D%22M9.996%2018A2%202%200%201%200%208%2015.996V16a2%202%200%200%200%201.996%202%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22%23fafafa%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22%23fafafa%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/bun-light.svg?color=%231a73e8&size=48
