waves icon

waves-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: waves-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

waves waves-bold waves-duotone waves-light waves-thin

The same icon in other sets

wavesHuge Icons wavesIconPark wavesIconPark Outline wavesLucide wavesMaterial Symbols wavesMaterial Symbols Light wavesMaterial Design Icons wavesMyna UI Icons wavesPixelarticons wavesWeb3 Icons wavesWeb3 Icons Branded

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="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-10.8 144.87c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 1 1-10.4-12.16c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 0 1 10.4 12.16Zm0-44c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 0 1-10.4-12.16c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 1 1 10.4 12.16Zm0-44c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 0 1-10.4-12.15c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 1 1 10.4 12.16"/></svg>

React

import type { SVGProps } from "react";

export function PhWavesFill(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="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-10.8 144.87c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 1 1-10.4-12.16c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 0 1 10.4 12.16Zm0-44c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 0 1-10.4-12.16c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 1 1 10.4 12.16Zm0-44c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 0 1-10.4-12.15c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 1 1 10.4 12.16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-10.8 144.87c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 1 1-10.4-12.16c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 0 1 10.4 12.16Zm0-44c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 0 1-10.4-12.16c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 1 1 10.4 12.16Zm0-44c-13.07 11.18-24.9 15.1-35.64 15.1c-14.26 0-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8 8 0 0 1-10.4-12.15c30.42-26 54.09-12.76 73.11-2.11c18.41 10.31 33 18.45 54.89-.31a8 8 0 1 1 10.4 12.16"/></svg>
</template>

CSS

.icon-waves-fill {
  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%22M208%2032H48a16%2016%200%200%200-16%2016v160a16%2016%200%200%200%2016%2016h160a16%2016%200%200%200%2016-16V48a16%2016%200%200%200-16-16m-10.8%20144.87c-13.07%2011.18-24.9%2015.1-35.64%2015.1c-14.26%200-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8%208%200%201%201-10.4-12.16c30.42-26%2054.09-12.76%2073.11-2.11c18.41%2010.31%2033%2018.45%2054.89-.31a8%208%200%200%201%2010.4%2012.16Zm0-44c-13.07%2011.18-24.9%2015.1-35.64%2015.1c-14.26%200-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8%208%200%200%201-10.4-12.16c30.42-26%2054.09-12.76%2073.11-2.11c18.41%2010.31%2033%2018.45%2054.89-.31a8%208%200%201%201%2010.4%2012.16Zm0-44c-13.07%2011.18-24.9%2015.1-35.64%2015.1c-14.26%200-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8%208%200%200%201-10.4-12.15c30.42-26%2054.09-12.76%2073.11-2.11c18.41%2010.31%2033%2018.45%2054.89-.31a8%208%200%201%201%2010.4%2012.16%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%22M208%2032H48a16%2016%200%200%200-16%2016v160a16%2016%200%200%200%2016%2016h160a16%2016%200%200%200%2016-16V48a16%2016%200%200%200-16-16m-10.8%20144.87c-13.07%2011.18-24.9%2015.1-35.64%2015.1c-14.26%200-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8%208%200%201%201-10.4-12.16c30.42-26%2054.09-12.76%2073.11-2.11c18.41%2010.31%2033%2018.45%2054.89-.31a8%208%200%200%201%2010.4%2012.16Zm0-44c-13.07%2011.18-24.9%2015.1-35.64%2015.1c-14.26%200-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8%208%200%200%201-10.4-12.16c30.42-26%2054.09-12.76%2073.11-2.11c18.41%2010.31%2033%2018.45%2054.89-.31a8%208%200%201%201%2010.4%2012.16Zm0-44c-13.07%2011.18-24.9%2015.1-35.64%2015.1c-14.26%200-26.62-6.92-37.47-13c-18.41-10.31-32.95-18.45-54.89.31a8%208%200%200%201-10.4-12.15c30.42-26%2054.09-12.76%2073.11-2.11c18.41%2010.31%2033%2018.45%2054.89-.31a8%208%200%201%201%2010.4%2012.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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