Chart Duration Curve icon
ix:chart-duration-curve
The Chart Duration Curve icon (ix:chart-duration-curve) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Siemens Industrial Experience Icons
- Author
- Siemens AG
- License
- MIT
- Size
- 512 × 512
- Tags
- chartduration, durationcurve, chartdurationcurve
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M85.333 85.332v298.667h384v42.666H42.667V85.332zm56.269 21.333c23.052 0 45.449 4.222 66.277 12.087a63.8 63.8 0 0 1 37.454-12.087c35.347 0 64 28.654 64 64c0 9.991-2.289 19.448-6.372 27.873a166 166 0 0 1 5.224 9.348l2.837 5.702a265 265 0 0 0 14.687 26.729c8.025-3.639 16.923-5.652 26.291-5.652c35.346 0 64 28.654 64 64c0 9.252-1.963 18.045-5.496 25.986a259 259 0 0 0 23.847 13.157l7.093 3.316l4.636 2.084l-17.493 38.915l-4.636-2.084a307 307 0 0 1-43.579-24.003c-8.542 4.246-18.179 6.629-28.372 6.629c-35.346 0-64-28.653-64-64c0-10.09 2.335-19.635 6.495-28.124a301 301 0 0 1-18.414-31.343l-3.574-7.25l-1.359-2.702c-7.896 3.484-16.629 5.419-25.815 5.419c-35.346 0-64-28.653-64-64c0-5.249.632-10.351 1.825-15.234a143.8 143.8 0 0 0-35.982-5.992l-5.574-.107h-34.935v-42.667zM352 277.332c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.334 21.333 21.334s21.333-9.552 21.333-21.334s-9.551-21.333-21.333-21.333m-106.667-128c-11.782 0-21.333 9.551-21.333 21.333s9.551 21.334 21.333 21.334s21.334-9.552 21.334-21.334s-9.552-21.333-21.334-21.333" clip-rule="evenodd"/></svg>
How to use the Chart Duration Curve icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:chart-duration-curve" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:chart-duration-curve" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:chart-duration-curve" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--chart-duration-curve]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:chart-duration-curve"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:chart-duration-curve"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ix/chart-duration-curve.svg" alt="Chart Duration Curve icon" width="24" height="24">
Related icons in Siemens Industrial Experience Icons
Chart Duration Curve icon FAQ
Is the Chart Duration Curve icon free for commercial use?
Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Chart Duration Curve icon in React?
Install @iconify/react and render <Icon icon="ix:chart-duration-curve" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chart Duration Curve icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/chart-duration-curve.svg" alt="Chart Duration Curve icon">, or paste the SVG code inline to style it with CSS.
Browse all Siemens Industrial Experience Icons →
ICONYZ
