chart increasing emoji
chart-increasing from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- chart-increasing
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More objects icons from OpenMoji
Use the chart increasing emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M12.05 59.91h47.9v-47.9h-47.9z"/><path fill="#ea5a47" d="m30.553 40.184l-7.997 12.614L25.895 55l5.49-8.905c.254-.412 8.852 2.54 8.852 2.54l10.867-25.802l-3.686-1.552l-9.39 21.53c-.215.51-7.475-2.628-7.475-2.628"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="m47.418 21.282l-9.303 22.087l-7.563-3.185l-7.996 12.613l3.339 2.204l6.005-9.74l4.65 1.823l3.687 1.553l10.868-25.803z"/><path d="M12.052 12.015h47.897v47.897H12.052zm38.017 24.07h9.736m-47.066 0h24.44m7.845 11.908h14.659m-46.944 0h8.08m27.314-7.549l.118 18.926m-.218-47.311l.004 5.123M36.184 51.65v7.923m0-47.243v25.501M24.225 58.613v.96m0-47.61v31.136m30.959-18.922h4.042m-46.962 0h29.487"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiChartIncreasing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M12.05 59.91h47.9v-47.9h-47.9z"/><path fill="#ea5a47" d="m30.553 40.184l-7.997 12.614L25.895 55l5.49-8.905c.254-.412 8.852 2.54 8.852 2.54l10.867-25.802l-3.686-1.552l-9.39 21.53c-.215.51-7.475-2.628-7.475-2.628"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="m47.418 21.282l-9.303 22.087l-7.563-3.185l-7.996 12.613l3.339 2.204l6.005-9.74l4.65 1.823l3.687 1.553l10.868-25.803z"/><path d="M12.052 12.015h47.897v47.897H12.052zm38.017 24.07h9.736m-47.066 0h24.44m7.845 11.908h14.659m-46.944 0h8.08m27.314-7.549l.118 18.926m-.218-47.311l.004 5.123M36.184 51.65v7.923m0-47.243v25.501M24.225 58.613v.96m0-47.61v31.136m30.959-18.922h4.042m-46.962 0h29.487"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M12.05 59.91h47.9v-47.9h-47.9z"/><path fill="#ea5a47" d="m30.553 40.184l-7.997 12.614L25.895 55l5.49-8.905c.254-.412 8.852 2.54 8.852 2.54l10.867-25.802l-3.686-1.552l-9.39 21.53c-.215.51-7.475-2.628-7.475-2.628"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="m47.418 21.282l-9.303 22.087l-7.563-3.185l-7.996 12.613l3.339 2.204l6.005-9.74l4.65 1.823l3.687 1.553l10.868-25.803z"/><path d="M12.052 12.015h47.897v47.897H12.052zm38.017 24.07h9.736m-47.066 0h24.44m7.845 11.908h14.659m-46.944 0h8.08m27.314-7.549l.118 18.926m-.218-47.311l.004 5.123M36.184 51.65v7.923m0-47.243v25.501M24.225 58.613v.96m0-47.61v31.136m30.959-18.922h4.042m-46.962 0h29.487"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.05%2059.91h47.9v-47.9h-47.9z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22m30.553%2040.184l-7.997%2012.614L25.895%2055l5.49-8.905c.254-.412%208.852%202.54%208.852%202.54l10.867-25.802l-3.686-1.552l-9.39%2021.53c-.215.51-7.475-2.628-7.475-2.628%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m47.418%2021.282l-9.303%2022.087l-7.563-3.185l-7.996%2012.613l3.339%202.204l6.005-9.74l4.65%201.823l3.687%201.553l10.868-25.803z%22%2F%3E%3Cpath%20d%3D%22M12.052%2012.015h47.897v47.897H12.052zm38.017%2024.07h9.736m-47.066%200h24.44m7.845%2011.908h14.659m-46.944%200h8.08m27.314-7.549l.118%2018.926m-.218-47.311l.004%205.123M36.184%2051.65v7.923m0-47.243v25.501M24.225%2058.613v.96m0-47.61v31.136m30.959-18.922h4.042m-46.962%200h29.487%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.05%2059.91h47.9v-47.9h-47.9z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22m30.553%2040.184l-7.997%2012.614L25.895%2055l5.49-8.905c.254-.412%208.852%202.54%208.852%202.54l10.867-25.802l-3.686-1.552l-9.39%2021.53c-.215.51-7.475-2.628-7.475-2.628%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m47.418%2021.282l-9.303%2022.087l-7.563-3.185l-7.996%2012.613l3.339%202.204l6.005-9.74l4.65%201.823l3.687%201.553l10.868-25.803z%22%2F%3E%3Cpath%20d%3D%22M12.052%2012.015h47.897v47.897H12.052zm38.017%2024.07h9.736m-47.066%200h24.44m7.845%2011.908h14.659m-46.944%200h8.08m27.314-7.549l.118%2018.926m-.218-47.311l.004%205.123M36.184%2051.65v7.923m0-47.243v25.501M24.225%2058.613v.96m0-47.61v31.136m30.959-18.922h4.042m-46.962%200h29.487%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/chart-increasing.svg?color=%231a73e8&size=48