waves icon

waves-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: waves-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

waves waves-bold waves-duotone waves-fill waves-light

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="M219.08 179.84a4 4 0 0 1-.53 5.63C203.56 197.9 188.9 204 173.93 204a55 55 0 0 1-6.12-.34c-15-1.65-28.6-9-41.72-16.14c-25.52-13.86-49.62-27-83.54 1.18a4 4 0 0 1-5.1-6.16c17-14.12 33.62-20.08 50.74-18.19c15 1.64 28.6 9 41.72 16.14c25.52 13.86 49.62 26.94 83.54-1.18a4 4 0 0 1 5.63.53m-5.63-56.53c-33.92 28.12-58 15-83.54 1.17c-13.12-7.12-26.69-14.49-41.72-16.14c-17.12-1.88-33.72 4.07-50.74 18.19a4 4 0 1 0 5.1 6.16c33.92-28.12 58-15 83.54-1.17c13.12 7.12 26.69 14.49 41.72 16.14a57 57 0 0 0 6.12.34c15 0 29.63-6.1 44.62-18.53a4 4 0 1 0-5.1-6.16M42.55 76.69c33.92-28.13 58-15 83.54-1.18c13.12 7.13 26.69 14.5 41.72 16.14a55 55 0 0 0 6.12.34c15 0 29.63-6.1 44.62-18.53a4 4 0 1 0-5.1-6.16c-33.92 28.13-58 15-83.54 1.18c-13.12-7.13-26.69-14.48-41.72-16.14c-17.12-1.88-33.72 4.07-50.74 18.19a4 4 0 1 0 5.1 6.16"/></svg>

React

import type { SVGProps } from "react";

export function PhWavesThin(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="M219.08 179.84a4 4 0 0 1-.53 5.63C203.56 197.9 188.9 204 173.93 204a55 55 0 0 1-6.12-.34c-15-1.65-28.6-9-41.72-16.14c-25.52-13.86-49.62-27-83.54 1.18a4 4 0 0 1-5.1-6.16c17-14.12 33.62-20.08 50.74-18.19c15 1.64 28.6 9 41.72 16.14c25.52 13.86 49.62 26.94 83.54-1.18a4 4 0 0 1 5.63.53m-5.63-56.53c-33.92 28.12-58 15-83.54 1.17c-13.12-7.12-26.69-14.49-41.72-16.14c-17.12-1.88-33.72 4.07-50.74 18.19a4 4 0 1 0 5.1 6.16c33.92-28.12 58-15 83.54-1.17c13.12 7.12 26.69 14.49 41.72 16.14a57 57 0 0 0 6.12.34c15 0 29.63-6.1 44.62-18.53a4 4 0 1 0-5.1-6.16M42.55 76.69c33.92-28.13 58-15 83.54-1.18c13.12 7.13 26.69 14.5 41.72 16.14a55 55 0 0 0 6.12.34c15 0 29.63-6.1 44.62-18.53a4 4 0 1 0-5.1-6.16c-33.92 28.13-58 15-83.54 1.18c-13.12-7.13-26.69-14.48-41.72-16.14c-17.12-1.88-33.72 4.07-50.74 18.19a4 4 0 1 0 5.1 6.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="M219.08 179.84a4 4 0 0 1-.53 5.63C203.56 197.9 188.9 204 173.93 204a55 55 0 0 1-6.12-.34c-15-1.65-28.6-9-41.72-16.14c-25.52-13.86-49.62-27-83.54 1.18a4 4 0 0 1-5.1-6.16c17-14.12 33.62-20.08 50.74-18.19c15 1.64 28.6 9 41.72 16.14c25.52 13.86 49.62 26.94 83.54-1.18a4 4 0 0 1 5.63.53m-5.63-56.53c-33.92 28.12-58 15-83.54 1.17c-13.12-7.12-26.69-14.49-41.72-16.14c-17.12-1.88-33.72 4.07-50.74 18.19a4 4 0 1 0 5.1 6.16c33.92-28.12 58-15 83.54-1.17c13.12 7.12 26.69 14.49 41.72 16.14a57 57 0 0 0 6.12.34c15 0 29.63-6.1 44.62-18.53a4 4 0 1 0-5.1-6.16M42.55 76.69c33.92-28.13 58-15 83.54-1.18c13.12 7.13 26.69 14.5 41.72 16.14a55 55 0 0 0 6.12.34c15 0 29.63-6.1 44.62-18.53a4 4 0 1 0-5.1-6.16c-33.92 28.13-58 15-83.54 1.18c-13.12-7.13-26.69-14.48-41.72-16.14c-17.12-1.88-33.72 4.07-50.74 18.19a4 4 0 1 0 5.1 6.16"/></svg>
</template>

CSS

.icon-waves-thin {
  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%22M219.08%20179.84a4%204%200%200%201-.53%205.63C203.56%20197.9%20188.9%20204%20173.93%20204a55%2055%200%200%201-6.12-.34c-15-1.65-28.6-9-41.72-16.14c-25.52-13.86-49.62-27-83.54%201.18a4%204%200%200%201-5.1-6.16c17-14.12%2033.62-20.08%2050.74-18.19c15%201.64%2028.6%209%2041.72%2016.14c25.52%2013.86%2049.62%2026.94%2083.54-1.18a4%204%200%200%201%205.63.53m-5.63-56.53c-33.92%2028.12-58%2015-83.54%201.17c-13.12-7.12-26.69-14.49-41.72-16.14c-17.12-1.88-33.72%204.07-50.74%2018.19a4%204%200%201%200%205.1%206.16c33.92-28.12%2058-15%2083.54-1.17c13.12%207.12%2026.69%2014.49%2041.72%2016.14a57%2057%200%200%200%206.12.34c15%200%2029.63-6.1%2044.62-18.53a4%204%200%201%200-5.1-6.16M42.55%2076.69c33.92-28.13%2058-15%2083.54-1.18c13.12%207.13%2026.69%2014.5%2041.72%2016.14a55%2055%200%200%200%206.12.34c15%200%2029.63-6.1%2044.62-18.53a4%204%200%201%200-5.1-6.16c-33.92%2028.13-58%2015-83.54%201.18c-13.12-7.13-26.69-14.48-41.72-16.14c-17.12-1.88-33.72%204.07-50.74%2018.19a4%204%200%201%200%205.1%206.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%22M219.08%20179.84a4%204%200%200%201-.53%205.63C203.56%20197.9%20188.9%20204%20173.93%20204a55%2055%200%200%201-6.12-.34c-15-1.65-28.6-9-41.72-16.14c-25.52-13.86-49.62-27-83.54%201.18a4%204%200%200%201-5.1-6.16c17-14.12%2033.62-20.08%2050.74-18.19c15%201.64%2028.6%209%2041.72%2016.14c25.52%2013.86%2049.62%2026.94%2083.54-1.18a4%204%200%200%201%205.63.53m-5.63-56.53c-33.92%2028.12-58%2015-83.54%201.17c-13.12-7.12-26.69-14.49-41.72-16.14c-17.12-1.88-33.72%204.07-50.74%2018.19a4%204%200%201%200%205.1%206.16c33.92-28.12%2058-15%2083.54-1.17c13.12%207.12%2026.69%2014.49%2041.72%2016.14a57%2057%200%200%200%206.12.34c15%200%2029.63-6.1%2044.62-18.53a4%204%200%201%200-5.1-6.16M42.55%2076.69c33.92-28.13%2058-15%2083.54-1.18c13.12%207.13%2026.69%2014.5%2041.72%2016.14a55%2055%200%200%200%206.12.34c15%200%2029.63-6.1%2044.62-18.53a4%204%200%201%200-5.1-6.16c-33.92%2028.13-58%2015-83.54%201.18c-13.12-7.13-26.69-14.48-41.72-16.14c-17.12-1.88-33.72%204.07-50.74%2018.19a4%204%200%201%200%205.1%206.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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