chart-area-smooth · Carbon
Free SVG chart-area-smooth icon from Carbon. Rendered at 24×24 in the filled style and licensed under Apache-2.0. Copy directly as SVG, React (JSX), or Vue. Download as SVG or PNG. No login, no attribution required for Apache-2.0 licensed icons.
Tags
- chart
- area
- smooth
Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="m30 6.614l-1.315.437A21 21 0 0 1 23 8c-1.734 0-3.322-.907-5.004-1.868C16.162 5.084 14.266 4 12 4C9.123 4 5.915 6.206 4 7.772V2H2v26a2.003 2.003 0 0 0 2 2h26ZM4 20.294C5.874 17.376 9.56 13 12 13c1.638 0 2.96 1.102 4.36 2.269C17.897 16.549 19.638 18 22 18a9.47 9.47 0 0 0 6-2.529v4.956A13 13 0 0 1 22 22a13.9 13.9 0 0 1-4.684-.949A15.7 15.7 0 0 0 12 20c-2.927 0-6.068 2.959-8 5.158ZM12 6c1.734 0 3.323.907 5.004 1.868C18.838 8.916 20.734 10 23 10a21.4 21.4 0 0 0 5-.678v3.321c-.683.803-3.084 3.357-6 3.357c-1.638 0-2.96-1.102-4.36-2.269C16.103 12.451 14.362 11 12 11c-2.936 0-6.063 3.34-8 5.845v-6.421C5.546 8.966 9.259 6 12 6M4.249 28C5.862 25.909 9.41 22 12 22a13.9 13.9 0 0 1 4.684.949A15.7 15.7 0 0 0 22 24a14.7 14.7 0 0 0 6-1.34V28Z"/></g></svg>
// Run: npx sant-icons get carbon-chart-area-smooth --format react
export function CarbonChartAreaSmooth(props) {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" {...props}><g transform="scale(0.75) translate(0 0)"><path fill="currentColor" d="m30 6.614l-1.315.437A21 21 0 0 1 23 8c-1.734 0-3.322-.907-5.004-1.868C16.162 5.084 14.266 4 12 4C9.123 4 5.915 6.206 4 7.772V2H2v26a2.003 2.003 0 0 0 2 2h26ZM4 20.294C5.874 17.376 9.56 13 12 13c1.638 0 2.96 1.102 4.36 2.269C17.897 16.549 19.638 18 22 18a9.47 9.47 0 0 0 6-2.529v4.956A13 13 0 0 1 22 22a13.9 13.9 0 0 1-4.684-.949A15.7 15.7 0 0 0 12 20c-2.927 0-6.068 2.959-8 5.158ZM12 6c1.734 0 3.323.907 5.004 1.868C18.838 8.916 20.734 10 23 10a21.4 21.4 0 0 0 5-.678v3.321c-.683.803-3.084 3.357-6 3.357c-1.638 0-2.96-1.102-4.36-2.269C16.103 12.451 14.362 11 12 11c-2.936 0-6.063 3.34-8 5.845v-6.421C5.546 8.966 9.259 6 12 6M4.249 28C5.862 25.909 9.41 22 12 22a13.9 13.9 0 0 1 4.684.949A15.7 15.7 0 0 0 22 24a14.7 14.7 0 0 0 6-1.34V28Z"/></g></svg>
);
}npx sant-icons get carbon-chart-area-smooth
Properties
- Name
- chart-area-smooth
- Library
- Carbon
- Style
- filled
- License
- Apache-2.0
- Version
- 1.2.30
- Identifier
- carbon-chart-area-smooth
Related from Carbon
The chart-area-smooth icon ships with Carbon, an open-source icon set licensed under Apache-2.0. Search for it as "carbon chart-area-smooth", "chart-area-smooth svg", or any of its tagged terms (chart, area, smooth). The SVG is normalised to a 24×24 viewBox so you can drop it into any UI framework alongside the other icons here without scaling concerns.
Need this icon in your codebase fast? Install the MCP server for Claude Code (or any MCP-aware AI tool) and ask the model to fetch carbon-chart-area-smooth directly into your project. No browser context-switch.