area chart alt icon
area-chart-alt-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.
- Name
- area-chart-alt-outline
- Set
- Teenyicons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
Related icons in Teenyicons
Use the area chart alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5 14.5H0v.5h.5zm1.5-3v.5h1v-.5zm13-9V2h-1v.5zM0 0v14.5h1V0zm.5 15H15v-1H.5zM3 11.5c0-1.454.244-2.88.707-3.922C4.177 6.52 4.798 6 5.5 6V5c-1.298 0-2.178.98-2.707 2.172C2.256 8.38 2 9.954 2 11.5zM5.5 6c.32 0 .642.158 1.005.492c.366.338.713.798 1.095 1.308c.368.49.77 1.03 1.217 1.442c.45.416 1.004.758 1.683.758V9c-.32 0-.642-.158-1.005-.492C9.13 8.17 8.782 7.71 8.4 7.2c-.368-.49-.77-1.03-1.217-1.442C6.733 5.342 6.179 5 5.5 5zm5 4c1.223 0 2.363-.763 3.173-2.045C14.485 6.668 15 4.819 15 2.5h-1c0 2.18-.485 3.832-1.173 4.92C12.137 8.514 11.277 9 10.5 9z"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsAreaChartAltOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5 14.5H0v.5h.5zm1.5-3v.5h1v-.5zm13-9V2h-1v.5zM0 0v14.5h1V0zm.5 15H15v-1H.5zM3 11.5c0-1.454.244-2.88.707-3.922C4.177 6.52 4.798 6 5.5 6V5c-1.298 0-2.178.98-2.707 2.172C2.256 8.38 2 9.954 2 11.5zM5.5 6c.32 0 .642.158 1.005.492c.366.338.713.798 1.095 1.308c.368.49.77 1.03 1.217 1.442c.45.416 1.004.758 1.683.758V9c-.32 0-.642-.158-1.005-.492C9.13 8.17 8.782 7.71 8.4 7.2c-.368-.49-.77-1.03-1.217-1.442C6.733 5.342 6.179 5 5.5 5zm5 4c1.223 0 2.363-.763 3.173-2.045C14.485 6.668 15 4.819 15 2.5h-1c0 2.18-.485 3.832-1.173 4.92C12.137 8.514 11.277 9 10.5 9z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5 14.5H0v.5h.5zm1.5-3v.5h1v-.5zm13-9V2h-1v.5zM0 0v14.5h1V0zm.5 15H15v-1H.5zM3 11.5c0-1.454.244-2.88.707-3.922C4.177 6.52 4.798 6 5.5 6V5c-1.298 0-2.178.98-2.707 2.172C2.256 8.38 2 9.954 2 11.5zM5.5 6c.32 0 .642.158 1.005.492c.366.338.713.798 1.095 1.308c.368.49.77 1.03 1.217 1.442c.45.416 1.004.758 1.683.758V9c-.32 0-.642-.158-1.005-.492C9.13 8.17 8.782 7.71 8.4 7.2c-.368-.49-.77-1.03-1.217-1.442C6.733 5.342 6.179 5 5.5 5zm5 4c1.223 0 2.363-.763 3.173-2.045C14.485 6.668 15 4.819 15 2.5h-1c0 2.18-.485 3.832-1.173 4.92C12.137 8.514 11.277 9 10.5 9z"/></svg> </template>
CSS
.icon-area-chart-alt-outline {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.5%2014.5H0v.5h.5zm1.5-3v.5h1v-.5zm13-9V2h-1v.5zM0%200v14.5h1V0zm.5%2015H15v-1H.5zM3%2011.5c0-1.454.244-2.88.707-3.922C4.177%206.52%204.798%206%205.5%206V5c-1.298%200-2.178.98-2.707%202.172C2.256%208.38%202%209.954%202%2011.5zM5.5%206c.32%200%20.642.158%201.005.492c.366.338.713.798%201.095%201.308c.368.49.77%201.03%201.217%201.442c.45.416%201.004.758%201.683.758V9c-.32%200-.642-.158-1.005-.492C9.13%208.17%208.782%207.71%208.4%207.2c-.368-.49-.77-1.03-1.217-1.442C6.733%205.342%206.179%205%205.5%205zm5%204c1.223%200%202.363-.763%203.173-2.045C14.485%206.668%2015%204.819%2015%202.5h-1c0%202.18-.485%203.832-1.173%204.92C12.137%208.514%2011.277%209%2010.5%209z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.5%2014.5H0v.5h.5zm1.5-3v.5h1v-.5zm13-9V2h-1v.5zM0%200v14.5h1V0zm.5%2015H15v-1H.5zM3%2011.5c0-1.454.244-2.88.707-3.922C4.177%206.52%204.798%206%205.5%206V5c-1.298%200-2.178.98-2.707%202.172C2.256%208.38%202%209.954%202%2011.5zM5.5%206c.32%200%20.642.158%201.005.492c.366.338.713.798%201.095%201.308c.368.49.77%201.03%201.217%201.442c.45.416%201.004.758%201.683.758V9c-.32%200-.642-.158-1.005-.492C9.13%208.17%208.782%207.71%208.4%207.2c-.368-.49-.77-1.03-1.217-1.442C6.733%205.342%206.179%205%205.5%205zm5%204c1.223%200%202.363-.763%203.173-2.045C14.485%206.668%2015%204.819%2015%202.5h-1c0%202.18-.485%203.832-1.173%204.92C12.137%208.514%2011.277%209%2010.5%209z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/area-chart-alt-outline.svg?color=%231a73e8&size=48
