chart increasing emoji

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

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

The same emoji in other sets

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

More objects icons from Fluent Emoji High Contrast

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"><path fill="currentColor" d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v4h7V3zm5 0v7h10V3zm11 0v7h.857L21 11.862V11H11v4.716a3.2 3.2 0 0 0-1 .034V11H3v12.311l6.062-5.985a2.2 2.2 0 0 1 3.06-.03l2.15 2.04a.5.5 0 0 0 .698-.009L28.925 5.33A3 3 0 0 0 26 3zM10.236 18.934l-7.234 7.168A3 3 0 0 0 6 29h4v-7H8.562l1.01-1H10v-.424l.597-.592l.403.378V21h.68l.715.671q.197.184.414.329H11v7h10v-7h-4.64q.252-.167.475-.387l.62-.613H21v-3.506l1-.99V21h7V8.176L16.132 20.902a2.2 2.2 0 0 1-3.052.04l-2.15-2.017a.5.5 0 0 0-.694.01M29 22h-7v7h4a3 3 0 0 0 3-3z"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastChartIncreasing(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v4h7V3zm5 0v7h10V3zm11 0v7h.857L21 11.862V11H11v4.716a3.2 3.2 0 0 0-1 .034V11H3v12.311l6.062-5.985a2.2 2.2 0 0 1 3.06-.03l2.15 2.04a.5.5 0 0 0 .698-.009L28.925 5.33A3 3 0 0 0 26 3zM10.236 18.934l-7.234 7.168A3 3 0 0 0 6 29h4v-7H8.562l1.01-1H10v-.424l.597-.592l.403.378V21h.68l.715.671q.197.184.414.329H11v7h10v-7h-4.64q.252-.167.475-.387l.62-.613H21v-3.506l1-.99V21h7V8.176L16.132 20.902a2.2 2.2 0 0 1-3.052.04l-2.15-2.017a.5.5 0 0 0-.694.01M29 22h-7v7h4a3 3 0 0 0 3-3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M1 6a5 5 0 0 1 5-5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5zm5-3a3 3 0 0 0-3 3v4h7V3zm5 0v7h10V3zm11 0v7h.857L21 11.862V11H11v4.716a3.2 3.2 0 0 0-1 .034V11H3v12.311l6.062-5.985a2.2 2.2 0 0 1 3.06-.03l2.15 2.04a.5.5 0 0 0 .698-.009L28.925 5.33A3 3 0 0 0 26 3zM10.236 18.934l-7.234 7.168A3 3 0 0 0 6 29h4v-7H8.562l1.01-1H10v-.424l.597-.592l.403.378V21h.68l.715.671q.197.184.414.329H11v7h10v-7h-4.64q.252-.167.475-.387l.62-.613H21v-3.506l1-.99V21h7V8.176L16.132 20.902a2.2 2.2 0 0 1-3.052.04l-2.15-2.017a.5.5 0 0 0-.694.01M29 22h-7v7h4a3 3 0 0 0 3-3z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%206a5%205%200%200%201%205-5h20a5%205%200%200%201%205%205v20a5%205%200%200%201-5%205H6a5%205%200%200%201-5-5zm5-3a3%203%200%200%200-3%203v4h7V3zm5%200v7h10V3zm11%200v7h.857L21%2011.862V11H11v4.716a3.2%203.2%200%200%200-1%20.034V11H3v12.311l6.062-5.985a2.2%202.2%200%200%201%203.06-.03l2.15%202.04a.5.5%200%200%200%20.698-.009L28.925%205.33A3%203%200%200%200%2026%203zM10.236%2018.934l-7.234%207.168A3%203%200%200%200%206%2029h4v-7H8.562l1.01-1H10v-.424l.597-.592l.403.378V21h.68l.715.671q.197.184.414.329H11v7h10v-7h-4.64q.252-.167.475-.387l.62-.613H21v-3.506l1-.99V21h7V8.176L16.132%2020.902a2.2%202.2%200%200%201-3.052.04l-2.15-2.017a.5.5%200%200%200-.694.01M29%2022h-7v7h4a3%203%200%200%200%203-3z%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%22currentColor%22%20d%3D%22M1%206a5%205%200%200%201%205-5h20a5%205%200%200%201%205%205v20a5%205%200%200%201-5%205H6a5%205%200%200%201-5-5zm5-3a3%203%200%200%200-3%203v4h7V3zm5%200v7h10V3zm11%200v7h.857L21%2011.862V11H11v4.716a3.2%203.2%200%200%200-1%20.034V11H3v12.311l6.062-5.985a2.2%202.2%200%200%201%203.06-.03l2.15%202.04a.5.5%200%200%200%20.698-.009L28.925%205.33A3%203%200%200%200%2026%203zM10.236%2018.934l-7.234%207.168A3%203%200%200%200%206%2029h4v-7H8.562l1.01-1H10v-.424l.597-.592l.403.378V21h.68l.715.671q.197.184.414.329H11v7h10v-7h-4.64q.252-.167.475-.387l.62-.613H21v-3.506l1-.99V21h7V8.176L16.132%2020.902a2.2%202.2%200%200%201-3.052.04l-2.15-2.017a.5.5%200%200%200-.694.01M29%2022h-7v7h4a3%203%200%200%200%203-3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/chart-increasing.svg?color=%231a73e8&size=48