← Go back
Share

Chevron Up Waves


Usage:

React Code:

npm install @mynaui/icons-react
import { ChevronUpWaves } from "@mynaui/icons-react";

const App = () => {
  return <ChevronUpWaves />;
};

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="m8.5 13.25 3.5-3.5 3.5 3.5"/><path d="M9.833 4.08c.55-.47.826-.704 1.114-.841a2.442 2.442 0 0 1 2.106 0c.288.137.563.372 1.114.841a3.132 3.132 0 0 0 1.9.788c.722.057 1.083.086 1.384.192a2.442 2.442 0 0 1 1.489 1.49c.106.3.135.66.192 1.382a3.13 3.13 0 0 0 .788 1.901c.47.55.704.826.841 1.114.319.666.319 1.44 0 2.106-.137.288-.372.563-.841 1.114a3.13 3.13 0 0 0-.788 1.9c-.057.722-.086 1.083-.192 1.384a2.442 2.442 0 0 1-1.49 1.489c-.3.106-.66.135-1.382.192a3.131 3.131 0 0 0-1.901.788c-.55.47-.826.704-1.114.841a2.441 2.441 0 0 1-2.106 0c-.288-.137-.563-.372-1.114-.841a3.13 3.13 0 0 0-1.9-.788c-.722-.057-1.083-.086-1.384-.192a2.442 2.442 0 0 1-1.489-1.49c-.106-.3-.135-.66-.192-1.382a3.132 3.132 0 0 0-.788-1.901c-.47-.55-.704-.826-.841-1.114a2.442 2.442 0 0 1 0-2.106c.137-.288.372-.563.841-1.114a3.131 3.131 0 0 0 .788-1.9c.057-.722.086-1.083.192-1.384A2.442 2.442 0 0 1 6.55 5.06c.3-.106.66-.135 1.382-.192a3.131 3.131 0 0 0 1.901-.788Z"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/chevron-up-waves.svg" />

SVG Sprite:

npm install @mynaui/icons
<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-chevron-up-waves"></use></svg
      >