bar chart emoji
bar-chart from Streamline Emojis by Streamline · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- bar-chart
- Set
- Streamline Emojis
- Style
- Default
- Category
- Objects
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
bar-chart-outlinedAnt Design Iconsbar-chartBootstrap Iconsbar-chartBoxIcons v2bar-chartEmoji One (Colored)bar-chart-fillEva Iconsbar-chartFont Awesome Regularbar-chartFont Awesome Solidbar-chartFeather Iconsbar-chartFluent Emojibar-chartFluent Emoji Flatbar-chartFluent Emoji High Contrastbar-chartHuge Iconsbar-chartHumbleiconsbar-chartIonIconsbar-chartJam Iconsbar-chartMaterial Symbolsbar-chartMaterial Symbols Lightbar-chartNoto Emojibar-chartOpenMojibar-chartRadix Iconsbar-chart-fillRemix Iconbar-chart-outlineTeenyiconsbar-chartTwitter Emoji
More objects icons from Streamline Emojis
Use the bar chart emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#fff" d="M5.94 5.93h36.12v36.13H5.94Z"/><path fill="#f0f0f0" d="M40.78 5.93H7.22a1.28 1.28 0 0 0-1.28 1.28v3.21a1.28 1.28 0 0 1 1.28-1.28h33.56a1.28 1.28 0 0 1 1.28 1.28V7.21a1.28 1.28 0 0 0-1.28-1.28"/><path fill="#45413c" d="M10.61 45.25a13.4 1.75 0 1 0 26.8 0a13.4 1.75 0 1 0-26.8 0" opacity=".15"/><path fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" d="M5.94 13.2h36.12v21.61H5.94z"/><path fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" d="M5.94 20.09h36.12v7.83H5.94z"/><path fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" d="M27.73 5.93v36.13h-7.46V5.93z"/><path fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" d="M34.82 5.93v36.13H13.17V5.93z"/><path fill="#ff6242" d="M21.88 26.62h4.24a1.28 1.28 0 0 1 1.28 1.28v14.17h-6.8V27.9a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#ff866e" d="M26.12 26.62h-4.24a1.28 1.28 0 0 0-1.28 1.28v2.38A1.28 1.28 0 0 1 21.88 29h4.24a1.28 1.28 0 0 1 1.28 1.28V27.9a1.28 1.28 0 0 0-1.28-1.28"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.88 26.62h4.24a1.28 1.28 0 0 1 1.28 1.28v14.17h0h-6.8h0V27.9a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#6dd627" d="M11.08 22h4.24a1.28 1.28 0 0 1 1.28 1.28v18.79H9.8V23.24A1.28 1.28 0 0 1 11.08 22"/><path fill="#9ceb60" d="M15.32 22h-4.24a1.28 1.28 0 0 0-1.28 1.24v2.38a1.28 1.28 0 0 1 1.28-1.28h4.24a1.28 1.28 0 0 1 1.28 1.28v-2.38A1.28 1.28 0 0 0 15.32 22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M11.08 22h4.24a1.28 1.28 0 0 1 1.28 1.28v18.79h0h-6.8h0V23.24A1.28 1.28 0 0 1 11.08 22"/><path fill="#00b8f0" d="M32.71 13.95h4.24a1.28 1.28 0 0 1 1.28 1.28v26.84h-6.8V15.23a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#4acfff" d="M36.94 14h-4.23a1.28 1.28 0 0 0-1.28 1.28v2.32a1.28 1.28 0 0 1 1.28-1.28h4.23a1.28 1.28 0 0 1 1.28 1.28v-2.37A1.28 1.28 0 0 0 36.94 14"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.71 13.95h4.24a1.28 1.28 0 0 1 1.28 1.28v26.84h0h-6.8h0V15.23a1.28 1.28 0 0 1 1.28-1.28"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.94 5.93h36.12v36.13H5.94Z"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisBarChart(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#fff" d="M5.94 5.93h36.12v36.13H5.94Z"/><path fill="#f0f0f0" d="M40.78 5.93H7.22a1.28 1.28 0 0 0-1.28 1.28v3.21a1.28 1.28 0 0 1 1.28-1.28h33.56a1.28 1.28 0 0 1 1.28 1.28V7.21a1.28 1.28 0 0 0-1.28-1.28"/><path fill="#45413c" d="M10.61 45.25a13.4 1.75 0 1 0 26.8 0a13.4 1.75 0 1 0-26.8 0" opacity=".15"/><path fill="none" stroke="#e0e0e0" strokeLinecap="round" strokeLinejoin="round" d="M5.94 13.2h36.12v21.61H5.94z"/><path fill="none" stroke="#e0e0e0" strokeLinecap="round" strokeLinejoin="round" d="M5.94 20.09h36.12v7.83H5.94z"/><path fill="none" stroke="#e0e0e0" strokeLinecap="round" strokeLinejoin="round" d="M27.73 5.93v36.13h-7.46V5.93z"/><path fill="none" stroke="#e0e0e0" strokeLinecap="round" strokeLinejoin="round" d="M34.82 5.93v36.13H13.17V5.93z"/><path fill="#ff6242" d="M21.88 26.62h4.24a1.28 1.28 0 0 1 1.28 1.28v14.17h-6.8V27.9a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#ff866e" d="M26.12 26.62h-4.24a1.28 1.28 0 0 0-1.28 1.28v2.38A1.28 1.28 0 0 1 21.88 29h4.24a1.28 1.28 0 0 1 1.28 1.28V27.9a1.28 1.28 0 0 0-1.28-1.28"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M21.88 26.62h4.24a1.28 1.28 0 0 1 1.28 1.28v14.17h0h-6.8h0V27.9a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#6dd627" d="M11.08 22h4.24a1.28 1.28 0 0 1 1.28 1.28v18.79H9.8V23.24A1.28 1.28 0 0 1 11.08 22"/><path fill="#9ceb60" d="M15.32 22h-4.24a1.28 1.28 0 0 0-1.28 1.24v2.38a1.28 1.28 0 0 1 1.28-1.28h4.24a1.28 1.28 0 0 1 1.28 1.28v-2.38A1.28 1.28 0 0 0 15.32 22"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M11.08 22h4.24a1.28 1.28 0 0 1 1.28 1.28v18.79h0h-6.8h0V23.24A1.28 1.28 0 0 1 11.08 22"/><path fill="#00b8f0" d="M32.71 13.95h4.24a1.28 1.28 0 0 1 1.28 1.28v26.84h-6.8V15.23a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#4acfff" d="M36.94 14h-4.23a1.28 1.28 0 0 0-1.28 1.28v2.32a1.28 1.28 0 0 1 1.28-1.28h4.23a1.28 1.28 0 0 1 1.28 1.28v-2.37A1.28 1.28 0 0 0 36.94 14"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M32.71 13.95h4.24a1.28 1.28 0 0 1 1.28 1.28v26.84h0h-6.8h0V15.23a1.28 1.28 0 0 1 1.28-1.28"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M5.94 5.93h36.12v36.13H5.94Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#fff" d="M5.94 5.93h36.12v36.13H5.94Z"/><path fill="#f0f0f0" d="M40.78 5.93H7.22a1.28 1.28 0 0 0-1.28 1.28v3.21a1.28 1.28 0 0 1 1.28-1.28h33.56a1.28 1.28 0 0 1 1.28 1.28V7.21a1.28 1.28 0 0 0-1.28-1.28"/><path fill="#45413c" d="M10.61 45.25a13.4 1.75 0 1 0 26.8 0a13.4 1.75 0 1 0-26.8 0" opacity=".15"/><path fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" d="M5.94 13.2h36.12v21.61H5.94z"/><path fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" d="M5.94 20.09h36.12v7.83H5.94z"/><path fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" d="M27.73 5.93v36.13h-7.46V5.93z"/><path fill="none" stroke="#e0e0e0" stroke-linecap="round" stroke-linejoin="round" d="M34.82 5.93v36.13H13.17V5.93z"/><path fill="#ff6242" d="M21.88 26.62h4.24a1.28 1.28 0 0 1 1.28 1.28v14.17h-6.8V27.9a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#ff866e" d="M26.12 26.62h-4.24a1.28 1.28 0 0 0-1.28 1.28v2.38A1.28 1.28 0 0 1 21.88 29h4.24a1.28 1.28 0 0 1 1.28 1.28V27.9a1.28 1.28 0 0 0-1.28-1.28"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M21.88 26.62h4.24a1.28 1.28 0 0 1 1.28 1.28v14.17h0h-6.8h0V27.9a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#6dd627" d="M11.08 22h4.24a1.28 1.28 0 0 1 1.28 1.28v18.79H9.8V23.24A1.28 1.28 0 0 1 11.08 22"/><path fill="#9ceb60" d="M15.32 22h-4.24a1.28 1.28 0 0 0-1.28 1.24v2.38a1.28 1.28 0 0 1 1.28-1.28h4.24a1.28 1.28 0 0 1 1.28 1.28v-2.38A1.28 1.28 0 0 0 15.32 22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M11.08 22h4.24a1.28 1.28 0 0 1 1.28 1.28v18.79h0h-6.8h0V23.24A1.28 1.28 0 0 1 11.08 22"/><path fill="#00b8f0" d="M32.71 13.95h4.24a1.28 1.28 0 0 1 1.28 1.28v26.84h-6.8V15.23a1.28 1.28 0 0 1 1.28-1.28"/><path fill="#4acfff" d="M36.94 14h-4.23a1.28 1.28 0 0 0-1.28 1.28v2.32a1.28 1.28 0 0 1 1.28-1.28h4.23a1.28 1.28 0 0 1 1.28 1.28v-2.37A1.28 1.28 0 0 0 36.94 14"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.71 13.95h4.24a1.28 1.28 0 0 1 1.28 1.28v26.84h0h-6.8h0V15.23a1.28 1.28 0 0 1 1.28-1.28"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.94 5.93h36.12v36.13H5.94Z"/></svg> </template>
CSS
.icon-bar-chart {
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%2048%2048%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.94%205.93h36.12v36.13H5.94Z%22%2F%3E%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M40.78%205.93H7.22a1.28%201.28%200%200%200-1.28%201.28v3.21a1.28%201.28%200%200%201%201.28-1.28h33.56a1.28%201.28%200%200%201%201.28%201.28V7.21a1.28%201.28%200%200%200-1.28-1.28%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M10.61%2045.25a13.4%201.75%200%201%200%2026.8%200a13.4%201.75%200%201%200-26.8%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e0e0e0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.94%2013.2h36.12v21.61H5.94z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e0e0e0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.94%2020.09h36.12v7.83H5.94z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e0e0e0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.73%205.93v36.13h-7.46V5.93z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e0e0e0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M34.82%205.93v36.13H13.17V5.93z%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M21.88%2026.62h4.24a1.28%201.28%200%200%201%201.28%201.28v14.17h-6.8V27.9a1.28%201.28%200%200%201%201.28-1.28%22%2F%3E%3Cpath%20fill%3D%22%23ff866e%22%20d%3D%22M26.12%2026.62h-4.24a1.28%201.28%200%200%200-1.28%201.28v2.38A1.28%201.28%200%200%201%2021.88%2029h4.24a1.28%201.28%200%200%201%201.28%201.28V27.9a1.28%201.28%200%200%200-1.28-1.28%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.88%2026.62h4.24a1.28%201.28%200%200%201%201.28%201.28v14.17h0h-6.8h0V27.9a1.28%201.28%200%200%201%201.28-1.28%22%2F%3E%3Cpath%20fill%3D%22%236dd627%22%20d%3D%22M11.08%2022h4.24a1.28%201.28%200%200%201%201.28%201.28v18.79H9.8V23.24A1.28%201.28%200%200%201%2011.08%2022%22%2F%3E%3Cpath%20fill%3D%22%239ceb60%22%20d%3D%22M15.32%2022h-4.24a1.28%201.28%200%200%200-1.28%201.24v2.38a1.28%201.28%200%200%201%201.28-1.28h4.24a1.28%201.28%200%200%201%201.28%201.28v-2.38A1.28%201.28%200%200%200%2015.32%2022%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.08%2022h4.24a1.28%201.28%200%200%201%201.28%201.28v18.79h0h-6.8h0V23.24A1.28%201.28%200%200%201%2011.08%2022%22%2F%3E%3Cpath%20fill%3D%22%2300b8f0%22%20d%3D%22M32.71%2013.95h4.24a1.28%201.28%200%200%201%201.28%201.28v26.84h-6.8V15.23a1.28%201.28%200%200%201%201.28-1.28%22%2F%3E%3Cpath%20fill%3D%22%234acfff%22%20d%3D%22M36.94%2014h-4.23a1.28%201.28%200%200%200-1.28%201.28v2.32a1.28%201.28%200%200%201%201.28-1.28h4.23a1.28%201.28%200%200%201%201.28%201.28v-2.37A1.28%201.28%200%200%200%2036.94%2014%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M32.71%2013.95h4.24a1.28%201.28%200%200%201%201.28%201.28v26.84h0h-6.8h0V15.23a1.28%201.28%200%200%201%201.28-1.28%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.94%205.93h36.12v36.13H5.94Z%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%2048%2048%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.94%205.93h36.12v36.13H5.94Z%22%2F%3E%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M40.78%205.93H7.22a1.28%201.28%200%200%200-1.28%201.28v3.21a1.28%201.28%200%200%201%201.28-1.28h33.56a1.28%201.28%200%200%201%201.28%201.28V7.21a1.28%201.28%200%200%200-1.28-1.28%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M10.61%2045.25a13.4%201.75%200%201%200%2026.8%200a13.4%201.75%200%201%200-26.8%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e0e0e0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.94%2013.2h36.12v21.61H5.94z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e0e0e0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.94%2020.09h36.12v7.83H5.94z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e0e0e0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.73%205.93v36.13h-7.46V5.93z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e0e0e0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M34.82%205.93v36.13H13.17V5.93z%22%2F%3E%3Cpath%20fill%3D%22%23ff6242%22%20d%3D%22M21.88%2026.62h4.24a1.28%201.28%200%200%201%201.28%201.28v14.17h-6.8V27.9a1.28%201.28%200%200%201%201.28-1.28%22%2F%3E%3Cpath%20fill%3D%22%23ff866e%22%20d%3D%22M26.12%2026.62h-4.24a1.28%201.28%200%200%200-1.28%201.28v2.38A1.28%201.28%200%200%201%2021.88%2029h4.24a1.28%201.28%200%200%201%201.28%201.28V27.9a1.28%201.28%200%200%200-1.28-1.28%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.88%2026.62h4.24a1.28%201.28%200%200%201%201.28%201.28v14.17h0h-6.8h0V27.9a1.28%201.28%200%200%201%201.28-1.28%22%2F%3E%3Cpath%20fill%3D%22%236dd627%22%20d%3D%22M11.08%2022h4.24a1.28%201.28%200%200%201%201.28%201.28v18.79H9.8V23.24A1.28%201.28%200%200%201%2011.08%2022%22%2F%3E%3Cpath%20fill%3D%22%239ceb60%22%20d%3D%22M15.32%2022h-4.24a1.28%201.28%200%200%200-1.28%201.24v2.38a1.28%201.28%200%200%201%201.28-1.28h4.24a1.28%201.28%200%200%201%201.28%201.28v-2.38A1.28%201.28%200%200%200%2015.32%2022%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.08%2022h4.24a1.28%201.28%200%200%201%201.28%201.28v18.79h0h-6.8h0V23.24A1.28%201.28%200%200%201%2011.08%2022%22%2F%3E%3Cpath%20fill%3D%22%2300b8f0%22%20d%3D%22M32.71%2013.95h4.24a1.28%201.28%200%200%201%201.28%201.28v26.84h-6.8V15.23a1.28%201.28%200%200%201%201.28-1.28%22%2F%3E%3Cpath%20fill%3D%22%234acfff%22%20d%3D%22M36.94%2014h-4.23a1.28%201.28%200%200%200-1.28%201.28v2.32a1.28%201.28%200%200%201%201.28-1.28h4.23a1.28%201.28%200%200%201%201.28%201.28v-2.37A1.28%201.28%200%200%200%2036.94%2014%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M32.71%2013.95h4.24a1.28%201.28%200%200%201%201.28%201.28v26.84h0h-6.8h0V15.23a1.28%201.28%200%200%201%201.28-1.28%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.94%205.93h36.12v36.13H5.94Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/bar-chart.svg?color=%231a73e8&size=48
