tilde icon
tilde-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- tilde-duotone
- Set
- Phosphor
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M216 56v144a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16" opacity=".2"/><path d="M222.23 130.59c-14.51 18-28.84 27.6-43.8 29.17a43 43 0 0 1-4.5.24c-19.3 0-35.39-13.1-51-25.8c-14.91-12.14-29-23.61-43.7-22c-10.51 1.1-21.31 8.72-33 23.28a8 8 0 0 1-12.46-10c14.51-18 28.84-27.6 43.8-29.17c21.32-2.25 38.69 11.89 55.48 25.56c14.91 12.14 29 23.62 43.7 22c10.51-1.1 21.31-8.72 33-23.28a8 8 0 1 1 12.46 10Z"/></g></svg>
React
import type { SVGProps } from "react";
export function PhTildeDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M216 56v144a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16" opacity=".2"/><path d="M222.23 130.59c-14.51 18-28.84 27.6-43.8 29.17a43 43 0 0 1-4.5.24c-19.3 0-35.39-13.1-51-25.8c-14.91-12.14-29-23.61-43.7-22c-10.51 1.1-21.31 8.72-33 23.28a8 8 0 0 1-12.46-10c14.51-18 28.84-27.6 43.8-29.17c21.32-2.25 38.69 11.89 55.48 25.56c14.91 12.14 29 23.62 43.7 22c10.51-1.1 21.31-8.72 33-23.28a8 8 0 1 1 12.46 10Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M216 56v144a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16V56a16 16 0 0 1 16-16h144a16 16 0 0 1 16 16" opacity=".2"/><path d="M222.23 130.59c-14.51 18-28.84 27.6-43.8 29.17a43 43 0 0 1-4.5.24c-19.3 0-35.39-13.1-51-25.8c-14.91-12.14-29-23.61-43.7-22c-10.51 1.1-21.31 8.72-33 23.28a8 8 0 0 1-12.46-10c14.51-18 28.84-27.6 43.8-29.17c21.32-2.25 38.69 11.89 55.48 25.56c14.91 12.14 29 23.62 43.7 22c10.51-1.1 21.31-8.72 33-23.28a8 8 0 1 1 12.46 10Z"/></g></svg> </template>
CSS
.icon-tilde-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2056v144a16%2016%200%200%201-16%2016H56a16%2016%200%200%201-16-16V56a16%2016%200%200%201%2016-16h144a16%2016%200%200%201%2016%2016%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M222.23%20130.59c-14.51%2018-28.84%2027.6-43.8%2029.17a43%2043%200%200%201-4.5.24c-19.3%200-35.39-13.1-51-25.8c-14.91-12.14-29-23.61-43.7-22c-10.51%201.1-21.31%208.72-33%2023.28a8%208%200%200%201-12.46-10c14.51-18%2028.84-27.6%2043.8-29.17c21.32-2.25%2038.69%2011.89%2055.48%2025.56c14.91%2012.14%2029%2023.62%2043.7%2022c10.51-1.1%2021.31-8.72%2033-23.28a8%208%200%201%201%2012.46%2010Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M216%2056v144a16%2016%200%200%201-16%2016H56a16%2016%200%200%201-16-16V56a16%2016%200%200%201%2016-16h144a16%2016%200%200%201%2016%2016%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M222.23%20130.59c-14.51%2018-28.84%2027.6-43.8%2029.17a43%2043%200%200%201-4.5.24c-19.3%200-35.39-13.1-51-25.8c-14.91-12.14-29-23.61-43.7-22c-10.51%201.1-21.31%208.72-33%2023.28a8%208%200%200%201-12.46-10c14.51-18%2028.84-27.6%2043.8-29.17c21.32-2.25%2038.69%2011.89%2055.48%2025.56c14.91%2012.14%2029%2023.62%2043.7%2022c10.51-1.1%2021.31-8.72%2033-23.28a8%208%200%201%201%2012.46%2010Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/tilde-duotone.svg?color=%231a73e8&size=48
