tilde icon
tilde-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- tilde-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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="M219.12 128.09c-13.82 17.18-27.26 26.24-41.11 27.7a39 39 0 0 1-4 .21c-18 0-33.48-12.64-48.53-24.9c-15.57-12.68-30.29-24.66-46.64-22.93c-11.62 1.22-23.3 9.32-35.71 24.76a4 4 0 0 1-6.24-5c13.81-17.2 27.25-26.26 41.11-27.72c19.67-2.08 36.38 11.53 52.54 24.69c15.57 12.68 30.29 24.66 46.64 22.93c11.62-1.22 23.3-9.32 35.71-24.76a4 4 0 1 1 6.24 5Z"/></svg>
React
import type { SVGProps } from "react";
export function PhTildeThin(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.12 128.09c-13.82 17.18-27.26 26.24-41.11 27.7a39 39 0 0 1-4 .21c-18 0-33.48-12.64-48.53-24.9c-15.57-12.68-30.29-24.66-46.64-22.93c-11.62 1.22-23.3 9.32-35.71 24.76a4 4 0 0 1-6.24-5c13.81-17.2 27.25-26.26 41.11-27.72c19.67-2.08 36.38 11.53 52.54 24.69c15.57 12.68 30.29 24.66 46.64 22.93c11.62-1.22 23.3-9.32 35.71-24.76a4 4 0 1 1 6.24 5Z"/></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.12 128.09c-13.82 17.18-27.26 26.24-41.11 27.7a39 39 0 0 1-4 .21c-18 0-33.48-12.64-48.53-24.9c-15.57-12.68-30.29-24.66-46.64-22.93c-11.62 1.22-23.3 9.32-35.71 24.76a4 4 0 0 1-6.24-5c13.81-17.2 27.25-26.26 41.11-27.72c19.67-2.08 36.38 11.53 52.54 24.69c15.57 12.68 30.29 24.66 46.64 22.93c11.62-1.22 23.3-9.32 35.71-24.76a4 4 0 1 1 6.24 5Z"/></svg> </template>
CSS
.icon-tilde-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.12%20128.09c-13.82%2017.18-27.26%2026.24-41.11%2027.7a39%2039%200%200%201-4%20.21c-18%200-33.48-12.64-48.53-24.9c-15.57-12.68-30.29-24.66-46.64-22.93c-11.62%201.22-23.3%209.32-35.71%2024.76a4%204%200%200%201-6.24-5c13.81-17.2%2027.25-26.26%2041.11-27.72c19.67-2.08%2036.38%2011.53%2052.54%2024.69c15.57%2012.68%2030.29%2024.66%2046.64%2022.93c11.62-1.22%2023.3-9.32%2035.71-24.76a4%204%200%201%201%206.24%205Z%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.12%20128.09c-13.82%2017.18-27.26%2026.24-41.11%2027.7a39%2039%200%200%201-4%20.21c-18%200-33.48-12.64-48.53-24.9c-15.57-12.68-30.29-24.66-46.64-22.93c-11.62%201.22-23.3%209.32-35.71%2024.76a4%204%200%200%201-6.24-5c13.81-17.2%2027.25-26.26%2041.11-27.72c19.67-2.08%2036.38%2011.53%2052.54%2024.69c15.57%2012.68%2030.29%2024.66%2046.64%2022.93c11.62-1.22%2023.3-9.32%2035.71-24.76a4%204%200%201%201%206.24%205Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/tilde-thin.svg?color=%231a73e8&size=48
