tilde icon

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

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

5 other variants in Phosphor

tildetilde-boldtilde-duotonetilde-filltilde-thin

The same icon in other sets

tildeCarbontildeMaterial Design IconstildeTabler Icons

Use the tilde icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220.68 129.34c-14.17 17.62-28.06 26.92-42.46 28.44a41 41 0 0 1-4.22.22c-18.64 0-34.44-12.87-49.76-25.35S94.57 108.51 79 110.16c-11.06 1.16-22.3 9-34.36 24a6 6 0 1 1-9.36-7.52c14.17-17.61 28.06-26.92 42.46-28.43c20.52-2.18 37.54 11.7 54 25.12c15.26 12.43 29.68 24.15 45.26 22.51c11.06-1.16 22.3-9 34.36-24a6 6 0 0 1 9.36 7.52Z"/></svg>

React

import type { SVGProps } from "react";

export function PhTildeLight(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.68 129.34c-14.17 17.62-28.06 26.92-42.46 28.44a41 41 0 0 1-4.22.22c-18.64 0-34.44-12.87-49.76-25.35S94.57 108.51 79 110.16c-11.06 1.16-22.3 9-34.36 24a6 6 0 1 1-9.36-7.52c14.17-17.61 28.06-26.92 42.46-28.43c20.52-2.18 37.54 11.7 54 25.12c15.26 12.43 29.68 24.15 45.26 22.51c11.06-1.16 22.3-9 34.36-24a6 6 0 0 1 9.36 7.52Z"/></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.68 129.34c-14.17 17.62-28.06 26.92-42.46 28.44a41 41 0 0 1-4.22.22c-18.64 0-34.44-12.87-49.76-25.35S94.57 108.51 79 110.16c-11.06 1.16-22.3 9-34.36 24a6 6 0 1 1-9.36-7.52c14.17-17.61 28.06-26.92 42.46-28.43c20.52-2.18 37.54 11.7 54 25.12c15.26 12.43 29.68 24.15 45.26 22.51c11.06-1.16 22.3-9 34.36-24a6 6 0 0 1 9.36 7.52Z"/></svg>
</template>

CSS

.icon-tilde-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.68%20129.34c-14.17%2017.62-28.06%2026.92-42.46%2028.44a41%2041%200%200%201-4.22.22c-18.64%200-34.44-12.87-49.76-25.35S94.57%20108.51%2079%20110.16c-11.06%201.16-22.3%209-34.36%2024a6%206%200%201%201-9.36-7.52c14.17-17.61%2028.06-26.92%2042.46-28.43c20.52-2.18%2037.54%2011.7%2054%2025.12c15.26%2012.43%2029.68%2024.15%2045.26%2022.51c11.06-1.16%2022.3-9%2034.36-24a6%206%200%200%201%209.36%207.52Z%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.68%20129.34c-14.17%2017.62-28.06%2026.92-42.46%2028.44a41%2041%200%200%201-4.22.22c-18.64%200-34.44-12.87-49.76-25.35S94.57%20108.51%2079%20110.16c-11.06%201.16-22.3%209-34.36%2024a6%206%200%201%201-9.36-7.52c14.17-17.61%2028.06-26.92%2042.46-28.43c20.52-2.18%2037.54%2011.7%2054%2025.12c15.26%2012.43%2029.68%2024.15%2045.26%2022.51c11.06-1.16%2022.3-9%2034.36-24a6%206%200%200%201%209.36%207.52Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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