banjo emoji
banjo from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- banjo
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the banjo emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="M11.02 13.1a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m-4.57 2.31a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m10.18 12.17a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98m3.25-5.62a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m-16.89-.84a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98M12.85 29a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0"/><path fill="#d3d3d3" d="M25 3.144a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0m-1.26 1.73a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0m4.988 3.585a.8.8 0 1 0 0-1.6a.8.8 0 0 0 0 1.6m-.93.46a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0"/><path fill="#f3eef8" d="M11 28a7 7 0 1 0 0-14a7 7 0 0 0 0 14"/><path fill="#8c5543" d="M15.46 16.54a6.278 6.278 0 1 1-8.88 8.88a6.278 6.278 0 0 1 4.44-10.72c1.74 0 3.31.7 4.44 1.84m1.18-1.17a7.87 7.87 0 0 0-5.61-2.32c-2.12 0-4.11.83-5.61 2.32a7.87 7.87 0 0 0-2.32 5.61c0 2.12.83 4.11 2.32 5.61c1.5 1.5 3.49 2.32 5.61 2.32c4.38 0 7.94-3.56 7.94-7.94a7.96 7.96 0 0 0-2.33-5.6"/><path fill="#321b41" d="M25.32 8.67L23.2 6.58l-10.62 9.85c-.34.32-.35.85-.02 1.18l1.98 1.93c.33.32.87.31 1.18-.04z"/><path fill="#8c5543" d="m28.4 5.12l-1.73-1.69a1.56 1.56 0 0 0-2.39.26l-1.37 2.09c-.19.28-.15.66.1.9l2.23 2.18c.24.24.62.27.9.08l2.06-1.42c.8-.56.9-1.72.2-2.4"/><path fill="#cdc4d6" d="m9.412 20.243l2.314 2.303a.835.835 0 0 1 0 1.169a.824.824 0 0 1-1.169 0l-2.314-2.303a.824.824 0 0 1 0-1.169a.824.824 0 0 1 1.169 0M7.04 23.124l1.842 1.842a.408.408 0 0 1-.042.61l-3.03 2.347a.403.403 0 0 1-.537-.032l-1.158-1.157a.415.415 0 0 1-.031-.537l2.346-3.03a.408.408 0 0 1 .61-.043"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatBanjo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="M11.02 13.1a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m-4.57 2.31a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m10.18 12.17a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98m3.25-5.62a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m-16.89-.84a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98M12.85 29a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0"/><path fill="#d3d3d3" d="M25 3.144a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0m-1.26 1.73a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0m4.988 3.585a.8.8 0 1 0 0-1.6a.8.8 0 0 0 0 1.6m-.93.46a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0"/><path fill="#f3eef8" d="M11 28a7 7 0 1 0 0-14a7 7 0 0 0 0 14"/><path fill="#8c5543" d="M15.46 16.54a6.278 6.278 0 1 1-8.88 8.88a6.278 6.278 0 0 1 4.44-10.72c1.74 0 3.31.7 4.44 1.84m1.18-1.17a7.87 7.87 0 0 0-5.61-2.32c-2.12 0-4.11.83-5.61 2.32a7.87 7.87 0 0 0-2.32 5.61c0 2.12.83 4.11 2.32 5.61c1.5 1.5 3.49 2.32 5.61 2.32c4.38 0 7.94-3.56 7.94-7.94a7.96 7.96 0 0 0-2.33-5.6"/><path fill="#321b41" d="M25.32 8.67L23.2 6.58l-10.62 9.85c-.34.32-.35.85-.02 1.18l1.98 1.93c.33.32.87.31 1.18-.04z"/><path fill="#8c5543" d="m28.4 5.12l-1.73-1.69a1.56 1.56 0 0 0-2.39.26l-1.37 2.09c-.19.28-.15.66.1.9l2.23 2.18c.24.24.62.27.9.08l2.06-1.42c.8-.56.9-1.72.2-2.4"/><path fill="#cdc4d6" d="m9.412 20.243l2.314 2.303a.835.835 0 0 1 0 1.169a.824.824 0 0 1-1.169 0l-2.314-2.303a.824.824 0 0 1 0-1.169a.824.824 0 0 1 1.169 0M7.04 23.124l1.842 1.842a.408.408 0 0 1-.042.61l-3.03 2.347a.403.403 0 0 1-.537-.032l-1.158-1.157a.415.415 0 0 1-.031-.537l2.346-3.03a.408.408 0 0 1 .61-.043"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="M11.02 13.1a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m-4.57 2.31a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m10.18 12.17a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98m3.25-5.62a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m-16.89-.84a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98M12.85 29a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0"/><path fill="#d3d3d3" d="M25 3.144a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0m-1.26 1.73a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0m4.988 3.585a.8.8 0 1 0 0-1.6a.8.8 0 0 0 0 1.6m-.93.46a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0"/><path fill="#f3eef8" d="M11 28a7 7 0 1 0 0-14a7 7 0 0 0 0 14"/><path fill="#8c5543" d="M15.46 16.54a6.278 6.278 0 1 1-8.88 8.88a6.278 6.278 0 0 1 4.44-10.72c1.74 0 3.31.7 4.44 1.84m1.18-1.17a7.87 7.87 0 0 0-5.61-2.32c-2.12 0-4.11.83-5.61 2.32a7.87 7.87 0 0 0-2.32 5.61c0 2.12.83 4.11 2.32 5.61c1.5 1.5 3.49 2.32 5.61 2.32c4.38 0 7.94-3.56 7.94-7.94a7.96 7.96 0 0 0-2.33-5.6"/><path fill="#321b41" d="M25.32 8.67L23.2 6.58l-10.62 9.85c-.34.32-.35.85-.02 1.18l1.98 1.93c.33.32.87.31 1.18-.04z"/><path fill="#8c5543" d="m28.4 5.12l-1.73-1.69a1.56 1.56 0 0 0-2.39.26l-1.37 2.09c-.19.28-.15.66.1.9l2.23 2.18c.24.24.62.27.9.08l2.06-1.42c.8-.56.9-1.72.2-2.4"/><path fill="#cdc4d6" d="m9.412 20.243l2.314 2.303a.835.835 0 0 1 0 1.169a.824.824 0 0 1-1.169 0l-2.314-2.303a.824.824 0 0 1 0-1.169a.824.824 0 0 1 1.169 0M7.04 23.124l1.842 1.842a.408.408 0 0 1-.042.61l-3.03 2.347a.403.403 0 0 1-.537-.032l-1.158-1.157a.415.415 0 0 1-.031-.537l2.346-3.03a.408.408 0 0 1 .61-.043"/></g></svg> </template>
CSS
.icon-banjo {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M11.02%2013.1a.99.99%200%201%201-1.98%200a.99.99%200%200%201%201.98%200m-4.57%202.31a.99.99%200%201%201-1.98%200a.99.99%200%200%201%201.98%200m10.18%2012.17a.99.99%200%201%200%200-1.98a.99.99%200%200%200%200%201.98m3.25-5.62a.99.99%200%201%201-1.98%200a.99.99%200%200%201%201.98%200m-16.89-.84a.99.99%200%201%200%200-1.98a.99.99%200%200%200%200%201.98M12.85%2029a.99.99%200%201%201-1.98%200a.99.99%200%200%201%201.98%200%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M25%203.144a.8.8%200%201%201-1.6%200a.8.8%200%200%201%201.6%200m-1.26%201.73a.8.8%200%201%201-1.6%200a.8.8%200%200%201%201.6%200m4.988%203.585a.8.8%200%201%200%200-1.6a.8.8%200%200%200%200%201.6m-.93.46a.8.8%200%201%201-1.6%200a.8.8%200%200%201%201.6%200%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M11%2028a7%207%200%201%200%200-14a7%207%200%200%200%200%2014%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M15.46%2016.54a6.278%206.278%200%201%201-8.88%208.88a6.278%206.278%200%200%201%204.44-10.72c1.74%200%203.31.7%204.44%201.84m1.18-1.17a7.87%207.87%200%200%200-5.61-2.32c-2.12%200-4.11.83-5.61%202.32a7.87%207.87%200%200%200-2.32%205.61c0%202.12.83%204.11%202.32%205.61c1.5%201.5%203.49%202.32%205.61%202.32c4.38%200%207.94-3.56%207.94-7.94a7.96%207.96%200%200%200-2.33-5.6%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M25.32%208.67L23.2%206.58l-10.62%209.85c-.34.32-.35.85-.02%201.18l1.98%201.93c.33.32.87.31%201.18-.04z%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22m28.4%205.12l-1.73-1.69a1.56%201.56%200%200%200-2.39.26l-1.37%202.09c-.19.28-.15.66.1.9l2.23%202.18c.24.24.62.27.9.08l2.06-1.42c.8-.56.9-1.72.2-2.4%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22m9.412%2020.243l2.314%202.303a.835.835%200%200%201%200%201.169a.824.824%200%200%201-1.169%200l-2.314-2.303a.824.824%200%200%201%200-1.169a.824.824%200%200%201%201.169%200M7.04%2023.124l1.842%201.842a.408.408%200%200%201-.042.61l-3.03%202.347a.403.403%200%200%201-.537-.032l-1.158-1.157a.415.415%200%200%201-.031-.537l2.346-3.03a.408.408%200%200%201%20.61-.043%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M11.02%2013.1a.99.99%200%201%201-1.98%200a.99.99%200%200%201%201.98%200m-4.57%202.31a.99.99%200%201%201-1.98%200a.99.99%200%200%201%201.98%200m10.18%2012.17a.99.99%200%201%200%200-1.98a.99.99%200%200%200%200%201.98m3.25-5.62a.99.99%200%201%201-1.98%200a.99.99%200%200%201%201.98%200m-16.89-.84a.99.99%200%201%200%200-1.98a.99.99%200%200%200%200%201.98M12.85%2029a.99.99%200%201%201-1.98%200a.99.99%200%200%201%201.98%200%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M25%203.144a.8.8%200%201%201-1.6%200a.8.8%200%200%201%201.6%200m-1.26%201.73a.8.8%200%201%201-1.6%200a.8.8%200%200%201%201.6%200m4.988%203.585a.8.8%200%201%200%200-1.6a.8.8%200%200%200%200%201.6m-.93.46a.8.8%200%201%201-1.6%200a.8.8%200%200%201%201.6%200%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M11%2028a7%207%200%201%200%200-14a7%207%200%200%200%200%2014%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M15.46%2016.54a6.278%206.278%200%201%201-8.88%208.88a6.278%206.278%200%200%201%204.44-10.72c1.74%200%203.31.7%204.44%201.84m1.18-1.17a7.87%207.87%200%200%200-5.61-2.32c-2.12%200-4.11.83-5.61%202.32a7.87%207.87%200%200%200-2.32%205.61c0%202.12.83%204.11%202.32%205.61c1.5%201.5%203.49%202.32%205.61%202.32c4.38%200%207.94-3.56%207.94-7.94a7.96%207.96%200%200%200-2.33-5.6%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M25.32%208.67L23.2%206.58l-10.62%209.85c-.34.32-.35.85-.02%201.18l1.98%201.93c.33.32.87.31%201.18-.04z%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22m28.4%205.12l-1.73-1.69a1.56%201.56%200%200%200-2.39.26l-1.37%202.09c-.19.28-.15.66.1.9l2.23%202.18c.24.24.62.27.9.08l2.06-1.42c.8-.56.9-1.72.2-2.4%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22m9.412%2020.243l2.314%202.303a.835.835%200%200%201%200%201.169a.824.824%200%200%201-1.169%200l-2.314-2.303a.824.824%200%200%201%200-1.169a.824.824%200%200%201%201.169%200M7.04%2023.124l1.842%201.842a.408.408%200%200%201-.042.61l-3.03%202.347a.403.403%200%200%201-.537-.032l-1.158-1.157a.415.415%200%200%201-.031-.537l2.346-3.03a.408.408%200%200%201%20.61-.043%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/banjo.svg?color=%231a73e8&size=48
