Skip to content

Chartblocks

The Chartblocks icon represents Chartblocks, a platform for creating interactive, web-based charts and dashboards.

Exports at 24 × 24 px

Chartblocks icon from SVG Logos
Get Pro

Code

Chartblocks in your framework

In any framework. Customize it above, and the code follows.

export const ChartblocksIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 256 256" {...props}>
    <path d="M248.352 84.462a127.947 127.947 0 0 0-29.656-46.777l-.414.76v41.527l.414.76c.16.013.114.478.274.492c9.168.792 19.041 1.885 28.917 3.499c.206.034.258-.295.465-.261" fill="#C0D84B"/><path d="M218.696 80.732V37.685a128.397 128.397 0 0 0-36.452-25.626l-.621 1.353V78.62l.62 1.06c.154-.005.743.5.895.496c11.07-.324 22.742-.024 35.036.986c.32.026.202-.457.522-.43" fill="#65C1ED"/><path d="M174.068 80.051c.217-.013.614.348.832.335c2.22-.128 4.434-.176 6.705-.252c.261-.009.377-.446.638-.454V12.058a126.999 126.999 0 0 0-36.449-10.797l-.743.874v60.526l.743 1.213c10.785 2.985 20.437 8.643 28.274 16.177" fill="#2F95D2"/><path d="M182.244 89.464l.334-.534v-8.76l-.334-.49c-2.762.086-5.488.21-8.175.37c2.998 2.882 5.756 6.015 8.175 9.414" fill="#1C75BC"/><path d="M128 61.45c6.167 0 12.128.855 17.794 2.424V1.261A128.885 128.885 0 0 0 128 .002c-6.339 0-12.567.48-18.661 1.37l-.603.698v61.306l.603.745A66.58 66.58 0 0 1 128 61.45" fill="#2A75BB"/><path d="M109.34 64.12V1.373A127.026 127.026 0 0 0 72.894 12.45l-.734 1.466V89.93l.734.75c8.586-12.653 21.416-22.177 36.444-26.56" fill="#BF65A7"/><path d="M72.896 90.68V12.45c-13.671 6.53-25.983 15.426-36.45 26.14l-.665.837v98.141l.665 1.191c.14-.142.345.426.487.284a192.613 192.613 0 0 1 24.815-20.934c.238-.168.415-1.047.654-1.215A66.159 66.159 0 0 1 72.896 90.68z" fill="#F37321"/><path d="M36.445 138.76V38.589C13.908 61.663 0 93.2 0 128.003c0 16.2 3.05 31.675 8.544 45.937c.183-.292.573.14.76-.153c6.754-10.65 15.431-22.162 26.411-33.355c.31-.316.416-1.357.73-1.672" fill="#FFCF01"/><path d="M8.545 173.94a128.23 128.23 0 0 0 27.9 43.474l.507-1.293v-76.145l-.506-1.217c-11.731 11.797-20.882 23.988-27.901 35.18" fill="#FAA61A"/><path d="M61.45 128.003c0-3.788.342-7.493.951-11.108a192.681 192.681 0 0 0-25.955 21.865v78.655c10.466 10.713 22.78 19.608 36.45 26.139l.696-.75V167.18l-.696-1.856c-7.223-10.645-11.447-23.49-11.447-37.321" fill="#ED1C24"/><path d="M182.244 79.68v9.784c7.74 10.878 12.31 24.17 12.31 38.539c0 14.367-4.57 27.659-12.31 38.538v77.403a128.364 128.364 0 0 0 36.452-25.628l1.181-2.467V81.802l-1.18-1.07c-12.819-1.087-24.962-1.407-36.453-1.052" fill="#27AAE1"/><path d="M72.896 165.323v78.23a127.125 127.125 0 0 0 36.444 11.081l.828-1.027v-60.916l-.828-.808c-15.03-4.382-27.858-13.909-36.444-26.56" fill="#92278F"/><path d="M128 194.552c-6.48 0-12.734-.941-18.661-2.67v62.752A128.899 128.899 0 0 0 128 256c6.043 0 11.977-.447 17.794-1.258l.558-1.396v-60.394l-.558-.822A66.6 66.6 0 0 1 128 194.552" fill="#21409A"/><path d="M145.794 192.13v62.611a126.985 126.985 0 0 0 36.45-10.798l.944-1.855V167.7l-.944-1.16c-8.743 12.28-21.543 21.461-36.45 25.59" fill="#1C75BC"/><path d="M255.143 113.37c-1.138-10.038-3.466-19.711-6.79-28.908c-10.27-1.696-20.149-2.922-29.657-3.731v137.584c19.811-19.895 33.102-46.278 36.447-75.68c.547-4.807.857-9.681.857-14.633c0-4.953-.31-9.828-.857-14.632" fill="#8DC63F"/>
  </svg>
);

SVG Logos

Icons that share its tags, in the same style.

  • Datasette Icon icon from SVG Logos
  • Baseline icon from SVG Logos
  • Tableau icon from SVG Logos
  • Tableau Icon icon from SVG Logos
  • Chartjs icon from SVG Logos
  • Matplotlib Icon icon from SVG Logos
  • Mida icon from SVG Logos
  • Mixpanel icon from SVG Logos
  • Run Above icon from SVG Logos
  • Bubble icon from SVG Logos
  • Dbt icon from SVG Logos
  • Dbt Icon icon from SVG Logos
  • Google Data Studio icon from SVG Logos
  • Seaborn icon from SVG Logos
  • Aws Quicksight icon from SVG Logos
  • Game Analytics icon from SVG Logos
  • Gaugeio icon from SVG Logos
  • Heap icon from SVG Logos
  • Heap Icon icon from SVG Logos
  • Posthog Icon icon from SVG Logos
  • Qlik icon from SVG Logos
  • Adroll icon from SVG Logos
  • Airflow icon from SVG Logos
  • Amplitude icon from SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Pricing

SVG Logos MCP, with Pro

Ask for Chartblocks or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Chartblocks icon means and where it's used, then how to install, style, label and license it.

4.9 out of 5 from 150+ developers

Install Chartblocks from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro