bun logo
bun from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- bun
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the bun logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22.596c6.628 0 12-4.338 12-9.688c0-3.318-2.057-6.248-5.219-7.986c-1.286-.715-2.297-1.357-3.139-1.89C14.058 2.025 13.08 1.404 12 1.404c-1.097 0-2.334.785-3.966 1.821a50 50 0 0 1-2.816 1.697C2.057 6.66 0 9.59 0 12.908c0 5.35 5.372 9.687 12 9.687zM10.599 4.715c.334-.759.503-1.58.498-2.409c0-.145.202-.187.23-.029c.658 2.783-.902 4.162-2.057 4.624c-.124.048-.199-.121-.103-.209a5.8 5.8 0 0 0 1.432-1.977m2.058-.102a5.8 5.8 0 0 0-.782-2.306v-.016c-.069-.123.086-.263.185-.172c1.962 2.111 1.307 4.067.556 5.051c-.082.103-.23-.003-.189-.126a5.85 5.85 0 0 0 .23-2.431m1.776-.561a5.7 5.7 0 0 0-1.612-1.806v-.014c-.112-.085-.024-.274.114-.218c2.595 1.087 2.774 3.18 2.459 4.407a.12.12 0 0 1-.049.071a.11.11 0 0 1-.153-.026a.12.12 0 0 1-.022-.083a5.9 5.9 0 0 0-.737-2.331m-5.087.561c-.617.546-1.282.76-2.063 1c-.117 0-.195-.078-.156-.181c1.752-.909 2.376-1.649 2.999-2.778c0 0 .155-.118.188.085c0 .304-.349 1.329-.968 1.874m4.945 11.237a2.96 2.96 0 0 1-.937 1.553c-.346.346-.8.565-1.286.62a2.18 2.18 0 0 1-1.327-.62a2.96 2.96 0 0 1-.925-1.553a.24.24 0 0 1 .064-.198a.23.23 0 0 1 .193-.069h3.965a.23.23 0 0 1 .19.07c.05.053.073.125.063.197m-5.458-2.176a1.86 1.86 0 0 1-2.384-.245a1.98 1.98 0 0 1-.233-2.447c.207-.319.503-.566.848-.713a1.84 1.84 0 0 1 1.092-.11c.366.075.703.261.967.531a1.98 1.98 0 0 1 .408 2.114a1.93 1.93 0 0 1-.698.869zm8.495.005a1.86 1.86 0 0 1-2.381-.253a1.96 1.96 0 0 1-.547-1.366c0-.384.11-.76.32-1.079c.207-.319.503-.567.849-.713a1.84 1.84 0 0 1 1.093-.108c.367.076.704.262.968.534a1.98 1.98 0 0 1 .4 2.117a1.93 1.93 0 0 1-.702.868"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBun(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22.596c6.628 0 12-4.338 12-9.688c0-3.318-2.057-6.248-5.219-7.986c-1.286-.715-2.297-1.357-3.139-1.89C14.058 2.025 13.08 1.404 12 1.404c-1.097 0-2.334.785-3.966 1.821a50 50 0 0 1-2.816 1.697C2.057 6.66 0 9.59 0 12.908c0 5.35 5.372 9.687 12 9.687zM10.599 4.715c.334-.759.503-1.58.498-2.409c0-.145.202-.187.23-.029c.658 2.783-.902 4.162-2.057 4.624c-.124.048-.199-.121-.103-.209a5.8 5.8 0 0 0 1.432-1.977m2.058-.102a5.8 5.8 0 0 0-.782-2.306v-.016c-.069-.123.086-.263.185-.172c1.962 2.111 1.307 4.067.556 5.051c-.082.103-.23-.003-.189-.126a5.85 5.85 0 0 0 .23-2.431m1.776-.561a5.7 5.7 0 0 0-1.612-1.806v-.014c-.112-.085-.024-.274.114-.218c2.595 1.087 2.774 3.18 2.459 4.407a.12.12 0 0 1-.049.071a.11.11 0 0 1-.153-.026a.12.12 0 0 1-.022-.083a5.9 5.9 0 0 0-.737-2.331m-5.087.561c-.617.546-1.282.76-2.063 1c-.117 0-.195-.078-.156-.181c1.752-.909 2.376-1.649 2.999-2.778c0 0 .155-.118.188.085c0 .304-.349 1.329-.968 1.874m4.945 11.237a2.96 2.96 0 0 1-.937 1.553c-.346.346-.8.565-1.286.62a2.18 2.18 0 0 1-1.327-.62a2.96 2.96 0 0 1-.925-1.553a.24.24 0 0 1 .064-.198a.23.23 0 0 1 .193-.069h3.965a.23.23 0 0 1 .19.07c.05.053.073.125.063.197m-5.458-2.176a1.86 1.86 0 0 1-2.384-.245a1.98 1.98 0 0 1-.233-2.447c.207-.319.503-.566.848-.713a1.84 1.84 0 0 1 1.092-.11c.366.075.703.261.967.531a1.98 1.98 0 0 1 .408 2.114a1.93 1.93 0 0 1-.698.869zm8.495.005a1.86 1.86 0 0 1-2.381-.253a1.96 1.96 0 0 1-.547-1.366c0-.384.11-.76.32-1.079c.207-.319.503-.567.849-.713a1.84 1.84 0 0 1 1.093-.108c.367.076.704.262.968.534a1.98 1.98 0 0 1 .4 2.117a1.93 1.93 0 0 1-.702.868"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22.596c6.628 0 12-4.338 12-9.688c0-3.318-2.057-6.248-5.219-7.986c-1.286-.715-2.297-1.357-3.139-1.89C14.058 2.025 13.08 1.404 12 1.404c-1.097 0-2.334.785-3.966 1.821a50 50 0 0 1-2.816 1.697C2.057 6.66 0 9.59 0 12.908c0 5.35 5.372 9.687 12 9.687zM10.599 4.715c.334-.759.503-1.58.498-2.409c0-.145.202-.187.23-.029c.658 2.783-.902 4.162-2.057 4.624c-.124.048-.199-.121-.103-.209a5.8 5.8 0 0 0 1.432-1.977m2.058-.102a5.8 5.8 0 0 0-.782-2.306v-.016c-.069-.123.086-.263.185-.172c1.962 2.111 1.307 4.067.556 5.051c-.082.103-.23-.003-.189-.126a5.85 5.85 0 0 0 .23-2.431m1.776-.561a5.7 5.7 0 0 0-1.612-1.806v-.014c-.112-.085-.024-.274.114-.218c2.595 1.087 2.774 3.18 2.459 4.407a.12.12 0 0 1-.049.071a.11.11 0 0 1-.153-.026a.12.12 0 0 1-.022-.083a5.9 5.9 0 0 0-.737-2.331m-5.087.561c-.617.546-1.282.76-2.063 1c-.117 0-.195-.078-.156-.181c1.752-.909 2.376-1.649 2.999-2.778c0 0 .155-.118.188.085c0 .304-.349 1.329-.968 1.874m4.945 11.237a2.96 2.96 0 0 1-.937 1.553c-.346.346-.8.565-1.286.62a2.18 2.18 0 0 1-1.327-.62a2.96 2.96 0 0 1-.925-1.553a.24.24 0 0 1 .064-.198a.23.23 0 0 1 .193-.069h3.965a.23.23 0 0 1 .19.07c.05.053.073.125.063.197m-5.458-2.176a1.86 1.86 0 0 1-2.384-.245a1.98 1.98 0 0 1-.233-2.447c.207-.319.503-.566.848-.713a1.84 1.84 0 0 1 1.092-.11c.366.075.703.261.967.531a1.98 1.98 0 0 1 .408 2.114a1.93 1.93 0 0 1-.698.869zm8.495.005a1.86 1.86 0 0 1-2.381-.253a1.96 1.96 0 0 1-.547-1.366c0-.384.11-.76.32-1.079c.207-.319.503-.567.849-.713a1.84 1.84 0 0 1 1.093-.108c.367.076.704.262.968.534a1.98 1.98 0 0 1 .4 2.117a1.93 1.93 0 0 1-.702.868"/></svg> </template>
CSS
.icon-bun {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2022.596c6.628%200%2012-4.338%2012-9.688c0-3.318-2.057-6.248-5.219-7.986c-1.286-.715-2.297-1.357-3.139-1.89C14.058%202.025%2013.08%201.404%2012%201.404c-1.097%200-2.334.785-3.966%201.821a50%2050%200%200%201-2.816%201.697C2.057%206.66%200%209.59%200%2012.908c0%205.35%205.372%209.687%2012%209.687zM10.599%204.715c.334-.759.503-1.58.498-2.409c0-.145.202-.187.23-.029c.658%202.783-.902%204.162-2.057%204.624c-.124.048-.199-.121-.103-.209a5.8%205.8%200%200%200%201.432-1.977m2.058-.102a5.8%205.8%200%200%200-.782-2.306v-.016c-.069-.123.086-.263.185-.172c1.962%202.111%201.307%204.067.556%205.051c-.082.103-.23-.003-.189-.126a5.85%205.85%200%200%200%20.23-2.431m1.776-.561a5.7%205.7%200%200%200-1.612-1.806v-.014c-.112-.085-.024-.274.114-.218c2.595%201.087%202.774%203.18%202.459%204.407a.12.12%200%200%201-.049.071a.11.11%200%200%201-.153-.026a.12.12%200%200%201-.022-.083a5.9%205.9%200%200%200-.737-2.331m-5.087.561c-.617.546-1.282.76-2.063%201c-.117%200-.195-.078-.156-.181c1.752-.909%202.376-1.649%202.999-2.778c0%200%20.155-.118.188.085c0%20.304-.349%201.329-.968%201.874m4.945%2011.237a2.96%202.96%200%200%201-.937%201.553c-.346.346-.8.565-1.286.62a2.18%202.18%200%200%201-1.327-.62a2.96%202.96%200%200%201-.925-1.553a.24.24%200%200%201%20.064-.198a.23.23%200%200%201%20.193-.069h3.965a.23.23%200%200%201%20.19.07c.05.053.073.125.063.197m-5.458-2.176a1.86%201.86%200%200%201-2.384-.245a1.98%201.98%200%200%201-.233-2.447c.207-.319.503-.566.848-.713a1.84%201.84%200%200%201%201.092-.11c.366.075.703.261.967.531a1.98%201.98%200%200%201%20.408%202.114a1.93%201.93%200%200%201-.698.869zm8.495.005a1.86%201.86%200%200%201-2.381-.253a1.96%201.96%200%200%201-.547-1.366c0-.384.11-.76.32-1.079c.207-.319.503-.567.849-.713a1.84%201.84%200%200%201%201.093-.108c.367.076.704.262.968.534a1.98%201.98%200%200%201%20.4%202.117a1.93%201.93%200%200%201-.702.868%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2022.596c6.628%200%2012-4.338%2012-9.688c0-3.318-2.057-6.248-5.219-7.986c-1.286-.715-2.297-1.357-3.139-1.89C14.058%202.025%2013.08%201.404%2012%201.404c-1.097%200-2.334.785-3.966%201.821a50%2050%200%200%201-2.816%201.697C2.057%206.66%200%209.59%200%2012.908c0%205.35%205.372%209.687%2012%209.687zM10.599%204.715c.334-.759.503-1.58.498-2.409c0-.145.202-.187.23-.029c.658%202.783-.902%204.162-2.057%204.624c-.124.048-.199-.121-.103-.209a5.8%205.8%200%200%200%201.432-1.977m2.058-.102a5.8%205.8%200%200%200-.782-2.306v-.016c-.069-.123.086-.263.185-.172c1.962%202.111%201.307%204.067.556%205.051c-.082.103-.23-.003-.189-.126a5.85%205.85%200%200%200%20.23-2.431m1.776-.561a5.7%205.7%200%200%200-1.612-1.806v-.014c-.112-.085-.024-.274.114-.218c2.595%201.087%202.774%203.18%202.459%204.407a.12.12%200%200%201-.049.071a.11.11%200%200%201-.153-.026a.12.12%200%200%201-.022-.083a5.9%205.9%200%200%200-.737-2.331m-5.087.561c-.617.546-1.282.76-2.063%201c-.117%200-.195-.078-.156-.181c1.752-.909%202.376-1.649%202.999-2.778c0%200%20.155-.118.188.085c0%20.304-.349%201.329-.968%201.874m4.945%2011.237a2.96%202.96%200%200%201-.937%201.553c-.346.346-.8.565-1.286.62a2.18%202.18%200%200%201-1.327-.62a2.96%202.96%200%200%201-.925-1.553a.24.24%200%200%201%20.064-.198a.23.23%200%200%201%20.193-.069h3.965a.23.23%200%200%201%20.19.07c.05.053.073.125.063.197m-5.458-2.176a1.86%201.86%200%200%201-2.384-.245a1.98%201.98%200%200%201-.233-2.447c.207-.319.503-.566.848-.713a1.84%201.84%200%200%201%201.092-.11c.366.075.703.261.967.531a1.98%201.98%200%200%201%20.408%202.114a1.93%201.93%200%200%201-.698.869zm8.495.005a1.86%201.86%200%200%201-2.381-.253a1.96%201.96%200%200%201-.547-1.366c0-.384.11-.76.32-1.079c.207-.319.503-.567.849-.713a1.84%201.84%200%200%201%201.093-.108c.367.076.704.262.968.534a1.98%201.98%200%200%201%20.4%202.117a1.93%201.93%200%200%201-.702.868%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/bun.svg?color=%231a73e8&size=48
