hand swipe right icon
hand-swipe-right from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- hand-swipe-right
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the hand swipe right icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 140v36c0 25.59-8.49 42.85-8.85 43.58A8 8 0 0 1 200 224a7.9 7.9 0 0 1-3.57-.85a8 8 0 0 1-3.58-10.73c.06-.12 7.16-14.81 7.16-36.42v-36a12 12 0 0 0-24 0v4a8 8 0 0 1-16 0v-20a12 12 0 0 0-24 0v12a8 8 0 0 1-16 0V68a12 12 0 0 0-24 0v108a8 8 0 0 1-14.79 4.23l-18.68-30l-.14-.23a12 12 0 1 0-20.8 12l29.29 50a8 8 0 1 1-13.81 8l-29.32-50a28 28 0 0 1 48.41-28.17L80 148V68a28 28 0 0 1 56 0v30.7a28 28 0 0 1 38.65 16.69A28 28 0 0 1 216 140m37.66-89.66l-32-32a8 8 0 0 0-11.31 11.32L228.68 48H176a8 8 0 0 0 0 16h52.69l-18.35 18.34a8 8 0 0 0 11.31 11.32l32-32a8 8 0 0 0 .01-11.32"/></svg>
React
import type { SVGProps } from "react";
export function PhHandSwipeRight(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="M216 140v36c0 25.59-8.49 42.85-8.85 43.58A8 8 0 0 1 200 224a7.9 7.9 0 0 1-3.57-.85a8 8 0 0 1-3.58-10.73c.06-.12 7.16-14.81 7.16-36.42v-36a12 12 0 0 0-24 0v4a8 8 0 0 1-16 0v-20a12 12 0 0 0-24 0v12a8 8 0 0 1-16 0V68a12 12 0 0 0-24 0v108a8 8 0 0 1-14.79 4.23l-18.68-30l-.14-.23a12 12 0 1 0-20.8 12l29.29 50a8 8 0 1 1-13.81 8l-29.32-50a28 28 0 0 1 48.41-28.17L80 148V68a28 28 0 0 1 56 0v30.7a28 28 0 0 1 38.65 16.69A28 28 0 0 1 216 140m37.66-89.66l-32-32a8 8 0 0 0-11.31 11.32L228.68 48H176a8 8 0 0 0 0 16h52.69l-18.35 18.34a8 8 0 0 0 11.31 11.32l32-32a8 8 0 0 0 .01-11.32"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 140v36c0 25.59-8.49 42.85-8.85 43.58A8 8 0 0 1 200 224a7.9 7.9 0 0 1-3.57-.85a8 8 0 0 1-3.58-10.73c.06-.12 7.16-14.81 7.16-36.42v-36a12 12 0 0 0-24 0v4a8 8 0 0 1-16 0v-20a12 12 0 0 0-24 0v12a8 8 0 0 1-16 0V68a12 12 0 0 0-24 0v108a8 8 0 0 1-14.79 4.23l-18.68-30l-.14-.23a12 12 0 1 0-20.8 12l29.29 50a8 8 0 1 1-13.81 8l-29.32-50a28 28 0 0 1 48.41-28.17L80 148V68a28 28 0 0 1 56 0v30.7a28 28 0 0 1 38.65 16.69A28 28 0 0 1 216 140m37.66-89.66l-32-32a8 8 0 0 0-11.31 11.32L228.68 48H176a8 8 0 0 0 0 16h52.69l-18.35 18.34a8 8 0 0 0 11.31 11.32l32-32a8 8 0 0 0 .01-11.32"/></svg> </template>
CSS
.icon-hand-swipe-right {
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%22M216%20140v36c0%2025.59-8.49%2042.85-8.85%2043.58A8%208%200%200%201%20200%20224a7.9%207.9%200%200%201-3.57-.85a8%208%200%200%201-3.58-10.73c.06-.12%207.16-14.81%207.16-36.42v-36a12%2012%200%200%200-24%200v4a8%208%200%200%201-16%200v-20a12%2012%200%200%200-24%200v12a8%208%200%200%201-16%200V68a12%2012%200%200%200-24%200v108a8%208%200%200%201-14.79%204.23l-18.68-30l-.14-.23a12%2012%200%201%200-20.8%2012l29.29%2050a8%208%200%201%201-13.81%208l-29.32-50a28%2028%200%200%201%2048.41-28.17L80%20148V68a28%2028%200%200%201%2056%200v30.7a28%2028%200%200%201%2038.65%2016.69A28%2028%200%200%201%20216%20140m37.66-89.66l-32-32a8%208%200%200%200-11.31%2011.32L228.68%2048H176a8%208%200%200%200%200%2016h52.69l-18.35%2018.34a8%208%200%200%200%2011.31%2011.32l32-32a8%208%200%200%200%20.01-11.32%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%22M216%20140v36c0%2025.59-8.49%2042.85-8.85%2043.58A8%208%200%200%201%20200%20224a7.9%207.9%200%200%201-3.57-.85a8%208%200%200%201-3.58-10.73c.06-.12%207.16-14.81%207.16-36.42v-36a12%2012%200%200%200-24%200v4a8%208%200%200%201-16%200v-20a12%2012%200%200%200-24%200v12a8%208%200%200%201-16%200V68a12%2012%200%200%200-24%200v108a8%208%200%200%201-14.79%204.23l-18.68-30l-.14-.23a12%2012%200%201%200-20.8%2012l29.29%2050a8%208%200%201%201-13.81%208l-29.32-50a28%2028%200%200%201%2048.41-28.17L80%20148V68a28%2028%200%200%201%2056%200v30.7a28%2028%200%200%201%2038.65%2016.69A28%2028%200%200%201%20216%20140m37.66-89.66l-32-32a8%208%200%200%200-11.31%2011.32L228.68%2048H176a8%208%200%200%200%200%2016h52.69l-18.35%2018.34a8%208%200%200%200%2011.31%2011.32l32-32a8%208%200%200%200%20.01-11.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/hand-swipe-right.svg?color=%231a73e8&size=48
