stats icon
stats from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- stats
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-stats
Use the stats icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a2 2 0 0 0-.703.133l-2.398-1.963c.059-.214.101-.436.101-.67C17 8.114 15.886 7 14.5 7S12 8.114 12 9.5c0 .396.1.765.262 1.097l-2.909 3.438A2 2 0 0 0 9 14c-.179 0-.348.03-.512.074l-2.563-2.563C5.97 11.348 6 11.179 6 11c0-1.108-.892-2-2-2s-2 .892-2 2s.892 2 2 2c.179 0 .348-.03.512-.074l2.563 2.563A2 2 0 0 0 7 16c0 1.108.892 2 2 2s2-.892 2-2c0-.237-.048-.46-.123-.671l2.913-3.442c.227.066.462.113.71.113a2.5 2.5 0 0 0 1.133-.281l2.399 1.963A2 2 0 0 0 18 14c0 1.108.892 2 2 2s2-.892 2-2s-.892-2-2-2"/></svg>
React
import type { SVGProps } from "react";
export function BxStats(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a2 2 0 0 0-.703.133l-2.398-1.963c.059-.214.101-.436.101-.67C17 8.114 15.886 7 14.5 7S12 8.114 12 9.5c0 .396.1.765.262 1.097l-2.909 3.438A2 2 0 0 0 9 14c-.179 0-.348.03-.512.074l-2.563-2.563C5.97 11.348 6 11.179 6 11c0-1.108-.892-2-2-2s-2 .892-2 2s.892 2 2 2c.179 0 .348-.03.512-.074l2.563 2.563A2 2 0 0 0 7 16c0 1.108.892 2 2 2s2-.892 2-2c0-.237-.048-.46-.123-.671l2.913-3.442c.227.066.462.113.71.113a2.5 2.5 0 0 0 1.133-.281l2.399 1.963A2 2 0 0 0 18 14c0 1.108.892 2 2 2s2-.892 2-2s-.892-2-2-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a2 2 0 0 0-.703.133l-2.398-1.963c.059-.214.101-.436.101-.67C17 8.114 15.886 7 14.5 7S12 8.114 12 9.5c0 .396.1.765.262 1.097l-2.909 3.438A2 2 0 0 0 9 14c-.179 0-.348.03-.512.074l-2.563-2.563C5.97 11.348 6 11.179 6 11c0-1.108-.892-2-2-2s-2 .892-2 2s.892 2 2 2c.179 0 .348-.03.512-.074l2.563 2.563A2 2 0 0 0 7 16c0 1.108.892 2 2 2s2-.892 2-2c0-.237-.048-.46-.123-.671l2.913-3.442c.227.066.462.113.71.113a2.5 2.5 0 0 0 1.133-.281l2.399 1.963A2 2 0 0 0 18 14c0 1.108.892 2 2 2s2-.892 2-2s-.892-2-2-2"/></svg> </template>
CSS
.icon-stats {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2012a2%202%200%200%200-.703.133l-2.398-1.963c.059-.214.101-.436.101-.67C17%208.114%2015.886%207%2014.5%207S12%208.114%2012%209.5c0%20.396.1.765.262%201.097l-2.909%203.438A2%202%200%200%200%209%2014c-.179%200-.348.03-.512.074l-2.563-2.563C5.97%2011.348%206%2011.179%206%2011c0-1.108-.892-2-2-2s-2%20.892-2%202s.892%202%202%202c.179%200%20.348-.03.512-.074l2.563%202.563A2%202%200%200%200%207%2016c0%201.108.892%202%202%202s2-.892%202-2c0-.237-.048-.46-.123-.671l2.913-3.442c.227.066.462.113.71.113a2.5%202.5%200%200%200%201.133-.281l2.399%201.963A2%202%200%200%200%2018%2014c0%201.108.892%202%202%202s2-.892%202-2s-.892-2-2-2%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%2012a2%202%200%200%200-.703.133l-2.398-1.963c.059-.214.101-.436.101-.67C17%208.114%2015.886%207%2014.5%207S12%208.114%2012%209.5c0%20.396.1.765.262%201.097l-2.909%203.438A2%202%200%200%200%209%2014c-.179%200-.348.03-.512.074l-2.563-2.563C5.97%2011.348%206%2011.179%206%2011c0-1.108-.892-2-2-2s-2%20.892-2%202s.892%202%202%202c.179%200%20.348-.03.512-.074l2.563%202.563A2%202%200%200%200%207%2016c0%201.108.892%202%202%202s2-.892%202-2c0-.237-.048-.46-.123-.671l2.913-3.442c.227.066.462.113.71.113a2.5%202.5%200%200%200%201.133-.281l2.399%201.963A2%202%200%200%200%2018%2014c0%201.108.892%202%202%202s2-.892%202-2s-.892-2-2-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/stats.svg?color=%231a73e8&size=48
