chart ring icon
chart-ring-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- chart-ring-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Related icons in TDesign Icons
Use the chart ring icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 1.045v6.567A4.51 4.51 0 0 1 16.389 11h6.566A11 11 0 0 0 13 1.045m10 10.85v.21zM22.955 13H16.39a4.5 4.5 0 0 1-.58 1.396l4.644 4.643A10.95 10.95 0 0 0 22.955 13m-3.105 6.706l-.144.144z"/><path fill="currentColor" d="m19.039 20.454l-4.644-4.644A4.5 4.5 0 1 1 11 7.612V1.045C5.393 1.55 1 6.262 1 12c0 6.075 4.925 11 11 11c2.677 0 5.131-.956 7.039-2.547"/></svg>
React
import type { SVGProps } from "react";
export function TdesignChartRingFilled(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="M13 1.045v6.567A4.51 4.51 0 0 1 16.389 11h6.566A11 11 0 0 0 13 1.045m10 10.85v.21zM22.955 13H16.39a4.5 4.5 0 0 1-.58 1.396l4.644 4.643A10.95 10.95 0 0 0 22.955 13m-3.105 6.706l-.144.144z"/><path fill="currentColor" d="m19.039 20.454l-4.644-4.644A4.5 4.5 0 1 1 11 7.612V1.045C5.393 1.55 1 6.262 1 12c0 6.075 4.925 11 11 11c2.677 0 5.131-.956 7.039-2.547"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 1.045v6.567A4.51 4.51 0 0 1 16.389 11h6.566A11 11 0 0 0 13 1.045m10 10.85v.21zM22.955 13H16.39a4.5 4.5 0 0 1-.58 1.396l4.644 4.643A10.95 10.95 0 0 0 22.955 13m-3.105 6.706l-.144.144z"/><path fill="currentColor" d="m19.039 20.454l-4.644-4.644A4.5 4.5 0 1 1 11 7.612V1.045C5.393 1.55 1 6.262 1 12c0 6.075 4.925 11 11 11c2.677 0 5.131-.956 7.039-2.547"/></svg> </template>
CSS
.icon-chart-ring-filled {
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%22M13%201.045v6.567A4.51%204.51%200%200%201%2016.389%2011h6.566A11%2011%200%200%200%2013%201.045m10%2010.85v.21zM22.955%2013H16.39a4.5%204.5%200%200%201-.58%201.396l4.644%204.643A10.95%2010.95%200%200%200%2022.955%2013m-3.105%206.706l-.144.144z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.039%2020.454l-4.644-4.644A4.5%204.5%200%201%201%2011%207.612V1.045C5.393%201.55%201%206.262%201%2012c0%206.075%204.925%2011%2011%2011c2.677%200%205.131-.956%207.039-2.547%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%22M13%201.045v6.567A4.51%204.51%200%200%201%2016.389%2011h6.566A11%2011%200%200%200%2013%201.045m10%2010.85v.21zM22.955%2013H16.39a4.5%204.5%200%200%201-.58%201.396l4.644%204.643A10.95%2010.95%200%200%200%2022.955%2013m-3.105%206.706l-.144.144z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m19.039%2020.454l-4.644-4.644A4.5%204.5%200%201%201%2011%207.612V1.045C5.393%201.55%201%206.262%201%2012c0%206.075%204.925%2011%2011%2011c2.677%200%205.131-.956%207.039-2.547%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/chart-ring-filled.svg?color=%231a73e8&size=48
