chart increasing emoji

chart-increasing from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name
chart-increasing
Set
Fluent Emoji Flat
Style
Default
Category
Objects
Viewbox
32×32
License
MIT

The same emoji in other sets

chart-increasingEmoji One (Colored)chart-increasingFluent Emojichart-increasingFluent Emoji High Contrastchart-increasingNoto Emojichart-increasingOpenMojichart-increasingTwitter Emoji

More objects icons from Fluent Emoji Flat

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbookmarkbookmark-tabsbooks

Use the chart increasing emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#e1d8ec" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 3.731 2.556l-.585 1.776l.854.846V26a4 4 0 0 1-4 4H6a4 4 0 0 1-3.888-3.056l.67-1.893l-.782-.71z"/><path fill="#b4acbc" d="M10 11v10H2v1h8v8h1v-8h10v8h1v-8h8v-1h-8V11h8v-1h-8V2h-1v8H11V2h-1v8H2v1zm1 0h10v10H11z"/><path fill="#319fe7" d="M2.12 26.976A4 4 0 0 1 2 26v-1.701l7.062-6.973a2.2 2.2 0 0 1 3.06-.03l2.15 2.04a.5.5 0 0 0 .698-.009L29.722 4.531c.18.455.278.95.278 1.469v1.187L16.132 20.902a2.2 2.2 0 0 1-3.052.04l-2.15-2.017a.5.5 0 0 0-.694.01z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatChartIncreasing(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="#e1d8ec" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 3.731 2.556l-.585 1.776l.854.846V26a4 4 0 0 1-4 4H6a4 4 0 0 1-3.888-3.056l.67-1.893l-.782-.71z"/><path fill="#b4acbc" d="M10 11v10H2v1h8v8h1v-8h10v8h1v-8h8v-1h-8V11h8v-1h-8V2h-1v8H11V2h-1v8H2v1zm1 0h10v10H11z"/><path fill="#319fe7" d="M2.12 26.976A4 4 0 0 1 2 26v-1.701l7.062-6.973a2.2 2.2 0 0 1 3.06-.03l2.15 2.04a.5.5 0 0 0 .698-.009L29.722 4.531c.18.455.278.95.278 1.469v1.187L16.132 20.902a2.2 2.2 0 0 1-3.052.04l-2.15-2.017a.5.5 0 0 0-.694.01z"/></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="#e1d8ec" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 3.731 2.556l-.585 1.776l.854.846V26a4 4 0 0 1-4 4H6a4 4 0 0 1-3.888-3.056l.67-1.893l-.782-.71z"/><path fill="#b4acbc" d="M10 11v10H2v1h8v8h1v-8h10v8h1v-8h8v-1h-8V11h8v-1h-8V2h-1v8H11V2h-1v8H2v1zm1 0h10v10H11z"/><path fill="#319fe7" d="M2.12 26.976A4 4 0 0 1 2 26v-1.701l7.062-6.973a2.2 2.2 0 0 1 3.06-.03l2.15 2.04a.5.5 0 0 0 .698-.009L29.722 4.531c.18.455.278.95.278 1.469v1.187L16.132 20.902a2.2 2.2 0 0 1-3.052.04l-2.15-2.017a.5.5 0 0 0-.694.01z"/></g></svg>
</template>

CSS

.icon-chart-increasing {
  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%23e1d8ec%22%20d%3D%22M2%206a4%204%200%200%201%204-4h20a4%204%200%200%201%203.731%202.556l-.585%201.776l.854.846V26a4%204%200%200%201-4%204H6a4%204%200%200%201-3.888-3.056l.67-1.893l-.782-.71z%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M10%2011v10H2v1h8v8h1v-8h10v8h1v-8h8v-1h-8V11h8v-1h-8V2h-1v8H11V2h-1v8H2v1zm1%200h10v10H11z%22%2F%3E%3Cpath%20fill%3D%22%23319fe7%22%20d%3D%22M2.12%2026.976A4%204%200%200%201%202%2026v-1.701l7.062-6.973a2.2%202.2%200%200%201%203.06-.03l2.15%202.04a.5.5%200%200%200%20.698-.009L29.722%204.531c.18.455.278.95.278%201.469v1.187L16.132%2020.902a2.2%202.2%200%200%201-3.052.04l-2.15-2.017a.5.5%200%200%200-.694.01z%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%23e1d8ec%22%20d%3D%22M2%206a4%204%200%200%201%204-4h20a4%204%200%200%201%203.731%202.556l-.585%201.776l.854.846V26a4%204%200%200%201-4%204H6a4%204%200%200%201-3.888-3.056l.67-1.893l-.782-.71z%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M10%2011v10H2v1h8v8h1v-8h10v8h1v-8h8v-1h-8V11h8v-1h-8V2h-1v8H11V2h-1v8H2v1zm1%200h10v10H11z%22%2F%3E%3Cpath%20fill%3D%22%23319fe7%22%20d%3D%22M2.12%2026.976A4%204%200%200%201%202%2026v-1.701l7.062-6.973a2.2%202.2%200%200%201%203.06-.03l2.15%202.04a.5.5%200%200%200%20.698-.009L29.722%204.531c.18.455.278.95.278%201.469v1.187L16.132%2020.902a2.2%202.2%200%200%201-3.052.04l-2.15-2.017a.5.5%200%200%200-.694.01z%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/chart-increasing.svg?color=%231a73e8&size=48