waves icon

waves-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: waves-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

waves waves-duotone waves-fill waves-light waves-thin

The same icon in other sets

wavesHuge Icons wavesLucide wavesMaterial Symbols wavesMaterial Design Icons wavesPixelarticons

Use the waves icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M225.24 174.74a12 12 0 0 1-1.58 16.89c-18.17 15.08-34.6 20.37-49.51 20.37c-19.76 0-36.86-9.29-51.88-17.44c-25.06-13.62-44.86-24.37-74.61.3a12 12 0 1 1-15.32-18.48c42.25-35 75-17.23 101.39-2.92c25.06 13.61 44.86 24.37 74.61-.3a12 12 0 0 1 16.9 1.58m-16.9-57.59c-29.75 24.67-49.55 13.91-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.92a12 12 0 0 0 15.32 18.48c29.75-24.67 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48M47.66 82.84c29.75-24.67 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48c-29.75 24.67-49.55 13.92-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.93a12 12 0 1 0 15.32 18.47"/></svg>

React

import type { SVGProps } from "react";

export function PhWavesBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M225.24 174.74a12 12 0 0 1-1.58 16.89c-18.17 15.08-34.6 20.37-49.51 20.37c-19.76 0-36.86-9.29-51.88-17.44c-25.06-13.62-44.86-24.37-74.61.3a12 12 0 1 1-15.32-18.48c42.25-35 75-17.23 101.39-2.92c25.06 13.61 44.86 24.37 74.61-.3a12 12 0 0 1 16.9 1.58m-16.9-57.59c-29.75 24.67-49.55 13.91-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.92a12 12 0 0 0 15.32 18.48c29.75-24.67 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48M47.66 82.84c29.75-24.67 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48c-29.75 24.67-49.55 13.92-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.93a12 12 0 1 0 15.32 18.47"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M225.24 174.74a12 12 0 0 1-1.58 16.89c-18.17 15.08-34.6 20.37-49.51 20.37c-19.76 0-36.86-9.29-51.88-17.44c-25.06-13.62-44.86-24.37-74.61.3a12 12 0 1 1-15.32-18.48c42.25-35 75-17.23 101.39-2.92c25.06 13.61 44.86 24.37 74.61-.3a12 12 0 0 1 16.9 1.58m-16.9-57.59c-29.75 24.67-49.55 13.91-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.92a12 12 0 0 0 15.32 18.48c29.75-24.67 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48M47.66 82.84c29.75-24.67 49.55-13.92 74.61-.3c15 8.15 32.12 17.44 51.88 17.44c14.91 0 31.34-5.29 49.51-20.36a12 12 0 0 0-15.32-18.48c-29.75 24.67-49.55 13.92-74.61.3c-26.35-14.3-59.14-32.11-101.39 2.93a12 12 0 1 0 15.32 18.47"/></svg>
</template>

CSS

.icon-waves-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M225.24%20174.74a12%2012%200%200%201-1.58%2016.89c-18.17%2015.08-34.6%2020.37-49.51%2020.37c-19.76%200-36.86-9.29-51.88-17.44c-25.06-13.62-44.86-24.37-74.61.3a12%2012%200%201%201-15.32-18.48c42.25-35%2075-17.23%20101.39-2.92c25.06%2013.61%2044.86%2024.37%2074.61-.3a12%2012%200%200%201%2016.9%201.58m-16.9-57.59c-29.75%2024.67-49.55%2013.91-74.61.3c-26.35-14.3-59.14-32.11-101.39%202.92a12%2012%200%200%200%2015.32%2018.48c29.75-24.67%2049.55-13.92%2074.61-.3c15%208.15%2032.12%2017.44%2051.88%2017.44c14.91%200%2031.34-5.29%2049.51-20.36a12%2012%200%200%200-15.32-18.48M47.66%2082.84c29.75-24.67%2049.55-13.92%2074.61-.3c15%208.15%2032.12%2017.44%2051.88%2017.44c14.91%200%2031.34-5.29%2049.51-20.36a12%2012%200%200%200-15.32-18.48c-29.75%2024.67-49.55%2013.92-74.61.3c-26.35-14.3-59.14-32.11-101.39%202.93a12%2012%200%201%200%2015.32%2018.47%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M225.24%20174.74a12%2012%200%200%201-1.58%2016.89c-18.17%2015.08-34.6%2020.37-49.51%2020.37c-19.76%200-36.86-9.29-51.88-17.44c-25.06-13.62-44.86-24.37-74.61.3a12%2012%200%201%201-15.32-18.48c42.25-35%2075-17.23%20101.39-2.92c25.06%2013.61%2044.86%2024.37%2074.61-.3a12%2012%200%200%201%2016.9%201.58m-16.9-57.59c-29.75%2024.67-49.55%2013.91-74.61.3c-26.35-14.3-59.14-32.11-101.39%202.92a12%2012%200%200%200%2015.32%2018.48c29.75-24.67%2049.55-13.92%2074.61-.3c15%208.15%2032.12%2017.44%2051.88%2017.44c14.91%200%2031.34-5.29%2049.51-20.36a12%2012%200%200%200-15.32-18.48M47.66%2082.84c29.75-24.67%2049.55-13.92%2074.61-.3c15%208.15%2032.12%2017.44%2051.88%2017.44c14.91%200%2031.34-5.29%2049.51-20.36a12%2012%200%200%200-15.32-18.48c-29.75%2024.67-49.55%2013.92-74.61.3c-26.35-14.3-59.14-32.11-101.39%202.93a12%2012%200%201%200%2015.32%2018.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/waves-bold.svg?color=%231a73e8&size=48