haptic weak icon
haptic-weak-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- haptic-weak-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the haptic weak icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.5 18a.5.5 0 0 1-.196-.04C8.21 17.919 6 16.947 6 14.428c0-1.301.6-1.966 1.129-2.553c.486-.54.871-.966.871-1.883s-.385-1.34-.871-1.879C6.6 7.528 6 6.863 6 5.564C6 3.048 8.21 2.08 8.305 2.04a.499.499 0 1 1 .391.92C8.612 2.997 7 3.729 7 5.564c0 .915.385 1.34.871 1.879C8.4 8.028 9 8.693 9 9.992s-.6 1.966-1.129 2.553c-.486.54-.871.966-.871 1.883c0 1.867 1.68 2.605 1.696 2.612A.5.5 0 0 1 8.5 18m5.46-.304a.5.5 0 0 0-.264-.656c-.017-.007-1.696-.746-1.696-2.612c0-.917.385-1.343.871-1.883C13.4 11.958 14 11.294 14 9.992s-.6-1.964-1.129-2.549C12.385 6.904 12 6.479 12 5.564c0-1.835 1.612-2.567 1.696-2.604a.5.5 0 0 0-.391-.92C13.21 2.08 11 3.048 11 5.564c0 1.299.6 1.963 1.129 2.549c.486.539.871.964.871 1.879s-.385 1.343-.871 1.883C11.6 12.462 11 13.126 11 14.428c0 2.52 2.21 3.492 2.304 3.532q.097.04.196.04a.5.5 0 0 0 .46-.304"/></svg>
React
import type { SVGProps } from "react";
export function FluentHapticWeak20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.5 18a.5.5 0 0 1-.196-.04C8.21 17.919 6 16.947 6 14.428c0-1.301.6-1.966 1.129-2.553c.486-.54.871-.966.871-1.883s-.385-1.34-.871-1.879C6.6 7.528 6 6.863 6 5.564C6 3.048 8.21 2.08 8.305 2.04a.499.499 0 1 1 .391.92C8.612 2.997 7 3.729 7 5.564c0 .915.385 1.34.871 1.879C8.4 8.028 9 8.693 9 9.992s-.6 1.966-1.129 2.553c-.486.54-.871.966-.871 1.883c0 1.867 1.68 2.605 1.696 2.612A.5.5 0 0 1 8.5 18m5.46-.304a.5.5 0 0 0-.264-.656c-.017-.007-1.696-.746-1.696-2.612c0-.917.385-1.343.871-1.883C13.4 11.958 14 11.294 14 9.992s-.6-1.964-1.129-2.549C12.385 6.904 12 6.479 12 5.564c0-1.835 1.612-2.567 1.696-2.604a.5.5 0 0 0-.391-.92C13.21 2.08 11 3.048 11 5.564c0 1.299.6 1.963 1.129 2.549c.486.539.871.964.871 1.879s-.385 1.343-.871 1.883C11.6 12.462 11 13.126 11 14.428c0 2.52 2.21 3.492 2.304 3.532q.097.04.196.04a.5.5 0 0 0 .46-.304"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.5 18a.5.5 0 0 1-.196-.04C8.21 17.919 6 16.947 6 14.428c0-1.301.6-1.966 1.129-2.553c.486-.54.871-.966.871-1.883s-.385-1.34-.871-1.879C6.6 7.528 6 6.863 6 5.564C6 3.048 8.21 2.08 8.305 2.04a.499.499 0 1 1 .391.92C8.612 2.997 7 3.729 7 5.564c0 .915.385 1.34.871 1.879C8.4 8.028 9 8.693 9 9.992s-.6 1.966-1.129 2.553c-.486.54-.871.966-.871 1.883c0 1.867 1.68 2.605 1.696 2.612A.5.5 0 0 1 8.5 18m5.46-.304a.5.5 0 0 0-.264-.656c-.017-.007-1.696-.746-1.696-2.612c0-.917.385-1.343.871-1.883C13.4 11.958 14 11.294 14 9.992s-.6-1.964-1.129-2.549C12.385 6.904 12 6.479 12 5.564c0-1.835 1.612-2.567 1.696-2.604a.5.5 0 0 0-.391-.92C13.21 2.08 11 3.048 11 5.564c0 1.299.6 1.963 1.129 2.549c.486.539.871.964.871 1.879s-.385 1.343-.871 1.883C11.6 12.462 11 13.126 11 14.428c0 2.52 2.21 3.492 2.304 3.532q.097.04.196.04a.5.5 0 0 0 .46-.304"/></svg> </template>
CSS
.icon-haptic-weak-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%2018a.5.5%200%200%201-.196-.04C8.21%2017.919%206%2016.947%206%2014.428c0-1.301.6-1.966%201.129-2.553c.486-.54.871-.966.871-1.883s-.385-1.34-.871-1.879C6.6%207.528%206%206.863%206%205.564C6%203.048%208.21%202.08%208.305%202.04a.499.499%200%201%201%20.391.92C8.612%202.997%207%203.729%207%205.564c0%20.915.385%201.34.871%201.879C8.4%208.028%209%208.693%209%209.992s-.6%201.966-1.129%202.553c-.486.54-.871.966-.871%201.883c0%201.867%201.68%202.605%201.696%202.612A.5.5%200%200%201%208.5%2018m5.46-.304a.5.5%200%200%200-.264-.656c-.017-.007-1.696-.746-1.696-2.612c0-.917.385-1.343.871-1.883C13.4%2011.958%2014%2011.294%2014%209.992s-.6-1.964-1.129-2.549C12.385%206.904%2012%206.479%2012%205.564c0-1.835%201.612-2.567%201.696-2.604a.5.5%200%200%200-.391-.92C13.21%202.08%2011%203.048%2011%205.564c0%201.299.6%201.963%201.129%202.549c.486.539.871.964.871%201.879s-.385%201.343-.871%201.883C11.6%2012.462%2011%2013.126%2011%2014.428c0%202.52%202.21%203.492%202.304%203.532q.097.04.196.04a.5.5%200%200%200%20.46-.304%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%2018a.5.5%200%200%201-.196-.04C8.21%2017.919%206%2016.947%206%2014.428c0-1.301.6-1.966%201.129-2.553c.486-.54.871-.966.871-1.883s-.385-1.34-.871-1.879C6.6%207.528%206%206.863%206%205.564C6%203.048%208.21%202.08%208.305%202.04a.499.499%200%201%201%20.391.92C8.612%202.997%207%203.729%207%205.564c0%20.915.385%201.34.871%201.879C8.4%208.028%209%208.693%209%209.992s-.6%201.966-1.129%202.553c-.486.54-.871.966-.871%201.883c0%201.867%201.68%202.605%201.696%202.612A.5.5%200%200%201%208.5%2018m5.46-.304a.5.5%200%200%200-.264-.656c-.017-.007-1.696-.746-1.696-2.612c0-.917.385-1.343.871-1.883C13.4%2011.958%2014%2011.294%2014%209.992s-.6-1.964-1.129-2.549C12.385%206.904%2012%206.479%2012%205.564c0-1.835%201.612-2.567%201.696-2.604a.5.5%200%200%200-.391-.92C13.21%202.08%2011%203.048%2011%205.564c0%201.299.6%201.963%201.129%202.549c.486.539.871.964.871%201.879s-.385%201.343-.871%201.883C11.6%2012.462%2011%2013.126%2011%2014.428c0%202.52%202.21%203.492%202.304%203.532q.097.04.196.04a.5.5%200%200%200%20.46-.304%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/haptic-weak-20-regular.svg?color=%231a73e8&size=48
