Chart Success icon in outline, twotone, bold and bulk. Free in all four styles, for charts, reports, dashboards, kpis, analytics. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconChartSuccess } from "@devigner-ui/icons";
<IconChartSuccess className="size-6" />
<script setup>
import { IconChartSuccess } from "@devigner-ui/icons-vue";
</script>
<template>
<IconChartSuccess class="size-6" />
</template>
<script>
import { IconChartSuccess } from "@devigner-ui/icons-svelte";
</script>
<IconChartSuccess class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.67 13V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22.67 13V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22.67 13V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M16.67 19.43 18.25 21l3.42-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M7.67 10.5v3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M12.67 10.5v3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M17.67 10.5v3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>