waves icon

waves-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: waves-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

waves waves-bold waves-duotone waves-fill 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="M220.62 178.58a6 6 0 0 1-.79 8.45c-16.87 14-32 19-45.75 19c-18.19 0-34.13-8.66-48.94-16.7c-26-14.12-48.44-26.31-81.31 1a6 6 0 0 1-7.66-9.33c39.13-32.45 68.65-16.41 94.69-2.26s48.44 26.31 81.31-1a6 6 0 0 1 8.45.84m-8.45-56.81c-32.87 27.27-55.32 15.07-81.31 1S75.3 92.54 36.17 125a6 6 0 0 0 7.66 9.25c32.87-27.27 55.32-15.08 81.31-1c14.81 8 30.75 16.71 48.94 16.71c13.79 0 28.88-5 45.75-19a6 6 0 0 0-7.66-9.24ZM43.83 78.21c32.87-27.27 55.32-15.07 81.31-1C140 85.3 155.89 94 174.08 94c13.79 0 28.88-5 45.75-19a6 6 0 1 0-7.66-9.24c-32.87 27.27-55.32 15.07-81.31 1S75.3 36.52 36.17 69a6 6 0 1 0 7.66 9.24Z"/></svg>

React

import type { SVGProps } from "react";

export function PhWavesLight(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="M220.62 178.58a6 6 0 0 1-.79 8.45c-16.87 14-32 19-45.75 19c-18.19 0-34.13-8.66-48.94-16.7c-26-14.12-48.44-26.31-81.31 1a6 6 0 0 1-7.66-9.33c39.13-32.45 68.65-16.41 94.69-2.26s48.44 26.31 81.31-1a6 6 0 0 1 8.45.84m-8.45-56.81c-32.87 27.27-55.32 15.07-81.31 1S75.3 92.54 36.17 125a6 6 0 0 0 7.66 9.25c32.87-27.27 55.32-15.08 81.31-1c14.81 8 30.75 16.71 48.94 16.71c13.79 0 28.88-5 45.75-19a6 6 0 0 0-7.66-9.24ZM43.83 78.21c32.87-27.27 55.32-15.07 81.31-1C140 85.3 155.89 94 174.08 94c13.79 0 28.88-5 45.75-19a6 6 0 1 0-7.66-9.24c-32.87 27.27-55.32 15.07-81.31 1S75.3 36.52 36.17 69a6 6 0 1 0 7.66 9.24Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220.62 178.58a6 6 0 0 1-.79 8.45c-16.87 14-32 19-45.75 19c-18.19 0-34.13-8.66-48.94-16.7c-26-14.12-48.44-26.31-81.31 1a6 6 0 0 1-7.66-9.33c39.13-32.45 68.65-16.41 94.69-2.26s48.44 26.31 81.31-1a6 6 0 0 1 8.45.84m-8.45-56.81c-32.87 27.27-55.32 15.07-81.31 1S75.3 92.54 36.17 125a6 6 0 0 0 7.66 9.25c32.87-27.27 55.32-15.08 81.31-1c14.81 8 30.75 16.71 48.94 16.71c13.79 0 28.88-5 45.75-19a6 6 0 0 0-7.66-9.24ZM43.83 78.21c32.87-27.27 55.32-15.07 81.31-1C140 85.3 155.89 94 174.08 94c13.79 0 28.88-5 45.75-19a6 6 0 1 0-7.66-9.24c-32.87 27.27-55.32 15.07-81.31 1S75.3 36.52 36.17 69a6 6 0 1 0 7.66 9.24Z"/></svg>
</template>

CSS

.icon-waves-light {
  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%22M220.62%20178.58a6%206%200%200%201-.79%208.45c-16.87%2014-32%2019-45.75%2019c-18.19%200-34.13-8.66-48.94-16.7c-26-14.12-48.44-26.31-81.31%201a6%206%200%200%201-7.66-9.33c39.13-32.45%2068.65-16.41%2094.69-2.26s48.44%2026.31%2081.31-1a6%206%200%200%201%208.45.84m-8.45-56.81c-32.87%2027.27-55.32%2015.07-81.31%201S75.3%2092.54%2036.17%20125a6%206%200%200%200%207.66%209.25c32.87-27.27%2055.32-15.08%2081.31-1c14.81%208%2030.75%2016.71%2048.94%2016.71c13.79%200%2028.88-5%2045.75-19a6%206%200%200%200-7.66-9.24ZM43.83%2078.21c32.87-27.27%2055.32-15.07%2081.31-1C140%2085.3%20155.89%2094%20174.08%2094c13.79%200%2028.88-5%2045.75-19a6%206%200%201%200-7.66-9.24c-32.87%2027.27-55.32%2015.07-81.31%201S75.3%2036.52%2036.17%2069a6%206%200%201%200%207.66%209.24Z%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%22M220.62%20178.58a6%206%200%200%201-.79%208.45c-16.87%2014-32%2019-45.75%2019c-18.19%200-34.13-8.66-48.94-16.7c-26-14.12-48.44-26.31-81.31%201a6%206%200%200%201-7.66-9.33c39.13-32.45%2068.65-16.41%2094.69-2.26s48.44%2026.31%2081.31-1a6%206%200%200%201%208.45.84m-8.45-56.81c-32.87%2027.27-55.32%2015.07-81.31%201S75.3%2092.54%2036.17%20125a6%206%200%200%200%207.66%209.25c32.87-27.27%2055.32-15.08%2081.31-1c14.81%208%2030.75%2016.71%2048.94%2016.71c13.79%200%2028.88-5%2045.75-19a6%206%200%200%200-7.66-9.24ZM43.83%2078.21c32.87-27.27%2055.32-15.07%2081.31-1C140%2085.3%20155.89%2094%20174.08%2094c13.79%200%2028.88-5%2045.75-19a6%206%200%201%200-7.66-9.24c-32.87%2027.27-55.32%2015.07-81.31%201S75.3%2036.52%2036.17%2069a6%206%200%201%200%207.66%209.24Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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