waves arrow up icon
waves-arrow-up from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- waves-arrow-up
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the waves arrow up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M2 14.193c.685 1.051 1.571 1.051 2.273 0c2.257-3.452 4.407 2.483 6 .04c2.43-3.664 4.178 2.689 6-.04c2.376-3.635 3.857 2.385 5.727.391M2 20.193c.685 1.051 1.571 1.051 2.273 0c2.257-3.452 4.407 2.483 6 .04c2.43-3.664 4.178 2.689 6-.04c2.376-3.635 3.857 2.385 5.727.391"/><path fill="currentColor" d="M12.75 4a.75.75 0 0 0-1.5 0zm-1.5 5a.75.75 0 0 0 1.5 0zM12 3v-.75zm2.396 3.445a.75.75 0 0 0 1.208-.89L15 6zm-6-.89a.75.75 0 1 0 1.208.89L9 6zM12 4h-.75v5h1.5V4zm0-1v.75c-.11 0-.134-.04-.031.021q.123.074.337.26c.282.249.607.595.924.96a25 25 0 0 1 1.144 1.423l.017.024l.004.005l.001.002L15 6l.604-.445l-.002-.003l-.006-.007l-.02-.027a22 22 0 0 0-.342-.448a27 27 0 0 0-.871-1.062c-.334-.384-.71-.788-1.064-1.101a4 4 0 0 0-.556-.42c-.17-.103-.435-.237-.743-.237zM9 6l.604.445v-.002l.022-.029a18 18 0 0 1 .323-.421c.214-.275.507-.64.82-1.001c.318-.366.643-.712.925-.961q.213-.186.337-.26c.103-.062.079-.021-.031-.021v-1.5c-.308 0-.574.134-.743.237c-.19.114-.38.264-.556.42c-.355.313-.73.717-1.064 1.101a27 27 0 0 0-1.233 1.537l-.006.007l-.001.002v.001z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsWavesArrowUp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M2 14.193c.685 1.051 1.571 1.051 2.273 0c2.257-3.452 4.407 2.483 6 .04c2.43-3.664 4.178 2.689 6-.04c2.376-3.635 3.857 2.385 5.727.391M2 20.193c.685 1.051 1.571 1.051 2.273 0c2.257-3.452 4.407 2.483 6 .04c2.43-3.664 4.178 2.689 6-.04c2.376-3.635 3.857 2.385 5.727.391"/><path fill="currentColor" d="M12.75 4a.75.75 0 0 0-1.5 0zm-1.5 5a.75.75 0 0 0 1.5 0zM12 3v-.75zm2.396 3.445a.75.75 0 0 0 1.208-.89L15 6zm-6-.89a.75.75 0 1 0 1.208.89L9 6zM12 4h-.75v5h1.5V4zm0-1v.75c-.11 0-.134-.04-.031.021q.123.074.337.26c.282.249.607.595.924.96a25 25 0 0 1 1.144 1.423l.017.024l.004.005l.001.002L15 6l.604-.445l-.002-.003l-.006-.007l-.02-.027a22 22 0 0 0-.342-.448a27 27 0 0 0-.871-1.062c-.334-.384-.71-.788-1.064-1.101a4 4 0 0 0-.556-.42c-.17-.103-.435-.237-.743-.237zM9 6l.604.445v-.002l.022-.029a18 18 0 0 1 .323-.421c.214-.275.507-.64.82-1.001c.318-.366.643-.712.925-.961q.213-.186.337-.26c.103-.062.079-.021-.031-.021v-1.5c-.308 0-.574.134-.743.237c-.19.114-.38.264-.556.42c-.355.313-.73.717-1.064 1.101a27 27 0 0 0-1.233 1.537l-.006.007l-.001.002v.001z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M2 14.193c.685 1.051 1.571 1.051 2.273 0c2.257-3.452 4.407 2.483 6 .04c2.43-3.664 4.178 2.689 6-.04c2.376-3.635 3.857 2.385 5.727.391M2 20.193c.685 1.051 1.571 1.051 2.273 0c2.257-3.452 4.407 2.483 6 .04c2.43-3.664 4.178 2.689 6-.04c2.376-3.635 3.857 2.385 5.727.391"/><path fill="currentColor" d="M12.75 4a.75.75 0 0 0-1.5 0zm-1.5 5a.75.75 0 0 0 1.5 0zM12 3v-.75zm2.396 3.445a.75.75 0 0 0 1.208-.89L15 6zm-6-.89a.75.75 0 1 0 1.208.89L9 6zM12 4h-.75v5h1.5V4zm0-1v.75c-.11 0-.134-.04-.031.021q.123.074.337.26c.282.249.607.595.924.96a25 25 0 0 1 1.144 1.423l.017.024l.004.005l.001.002L15 6l.604-.445l-.002-.003l-.006-.007l-.02-.027a22 22 0 0 0-.342-.448a27 27 0 0 0-.871-1.062c-.334-.384-.71-.788-1.064-1.101a4 4 0 0 0-.556-.42c-.17-.103-.435-.237-.743-.237zM9 6l.604.445v-.002l.022-.029a18 18 0 0 1 .323-.421c.214-.275.507-.64.82-1.001c.318-.366.643-.712.925-.961q.213-.186.337-.26c.103-.062.079-.021-.031-.021v-1.5c-.308 0-.574.134-.743.237c-.19.114-.38.264-.556.42c-.355.313-.73.717-1.064 1.101a27 27 0 0 0-1.233 1.537l-.006.007l-.001.002v.001z"/></g></svg> </template>
CSS
.icon-waves-arrow-up {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2014.193c.685%201.051%201.571%201.051%202.273%200c2.257-3.452%204.407%202.483%206%20.04c2.43-3.664%204.178%202.689%206-.04c2.376-3.635%203.857%202.385%205.727.391M2%2020.193c.685%201.051%201.571%201.051%202.273%200c2.257-3.452%204.407%202.483%206%20.04c2.43-3.664%204.178%202.689%206-.04c2.376-3.635%203.857%202.385%205.727.391%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.75%204a.75.75%200%200%200-1.5%200zm-1.5%205a.75.75%200%200%200%201.5%200zM12%203v-.75zm2.396%203.445a.75.75%200%200%200%201.208-.89L15%206zm-6-.89a.75.75%200%201%200%201.208.89L9%206zM12%204h-.75v5h1.5V4zm0-1v.75c-.11%200-.134-.04-.031.021q.123.074.337.26c.282.249.607.595.924.96a25%2025%200%200%201%201.144%201.423l.017.024l.004.005l.001.002L15%206l.604-.445l-.002-.003l-.006-.007l-.02-.027a22%2022%200%200%200-.342-.448a27%2027%200%200%200-.871-1.062c-.334-.384-.71-.788-1.064-1.101a4%204%200%200%200-.556-.42c-.17-.103-.435-.237-.743-.237zM9%206l.604.445v-.002l.022-.029a18%2018%200%200%201%20.323-.421c.214-.275.507-.64.82-1.001c.318-.366.643-.712.925-.961q.213-.186.337-.26c.103-.062.079-.021-.031-.021v-1.5c-.308%200-.574.134-.743.237c-.19.114-.38.264-.556.42c-.355.313-.73.717-1.064%201.101a27%2027%200%200%200-1.233%201.537l-.006.007l-.001.002v.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2014.193c.685%201.051%201.571%201.051%202.273%200c2.257-3.452%204.407%202.483%206%20.04c2.43-3.664%204.178%202.689%206-.04c2.376-3.635%203.857%202.385%205.727.391M2%2020.193c.685%201.051%201.571%201.051%202.273%200c2.257-3.452%204.407%202.483%206%20.04c2.43-3.664%204.178%202.689%206-.04c2.376-3.635%203.857%202.385%205.727.391%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.75%204a.75.75%200%200%200-1.5%200zm-1.5%205a.75.75%200%200%200%201.5%200zM12%203v-.75zm2.396%203.445a.75.75%200%200%200%201.208-.89L15%206zm-6-.89a.75.75%200%201%200%201.208.89L9%206zM12%204h-.75v5h1.5V4zm0-1v.75c-.11%200-.134-.04-.031.021q.123.074.337.26c.282.249.607.595.924.96a25%2025%200%200%201%201.144%201.423l.017.024l.004.005l.001.002L15%206l.604-.445l-.002-.003l-.006-.007l-.02-.027a22%2022%200%200%200-.342-.448a27%2027%200%200%200-.871-1.062c-.334-.384-.71-.788-1.064-1.101a4%204%200%200%200-.556-.42c-.17-.103-.435-.237-.743-.237zM9%206l.604.445v-.002l.022-.029a18%2018%200%200%201%20.323-.421c.214-.275.507-.64.82-1.001c.318-.366.643-.712.925-.961q.213-.186.337-.26c.103-.062.079-.021-.031-.021v-1.5c-.308%200-.574.134-.743.237c-.19.114-.38.264-.556.42c-.355.313-.73.717-1.064%201.101a27%2027%200%200%200-1.233%201.537l-.006.007l-.001.002v.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/waves-arrow-up.svg?color=%231a73e8&size=48
