haptic weak icon
haptic-weak-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- haptic-weak-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M10.748 14.25a.75.75 0 0 1-.396-.114C10.212 14.047 9 13.218 9 11.247c0-1.027.339-1.577.611-2.02c.234-.38.389-.631.389-1.233s-.154-.851-.389-1.23C9.339 6.322 9 5.772 9 4.746c0-2.014 1.298-2.849 1.353-2.883a.76.76 0 0 1 .397-.113c.262 0 .499.132.637.353a.753.753 0 0 1-.232 1.028c-.022.015-.654.452-.654 1.615c0 .601.154.851.389 1.23c.272.442.611.992.611 2.017s-.339 1.577-.611 2.02c-.234.38-.389.631-.389 1.233c0 1.167.632 1.606.658 1.624c.343.227.44.69.219 1.034a.75.75 0 0 1-.63.345zm-3.37-.345a.754.754 0 0 0-.219-1.034c-.026-.018-.658-.457-.658-1.624c0-.602.154-.854.391-1.236c.271-.443.609-.993.609-2.017s-.338-1.572-.611-2.017c-.234-.379-.389-.63-.389-1.23c0-1.164.63-1.598.654-1.615a.75.75 0 0 0-.802-1.268C6.298 1.899 5 2.733 5 4.747c0 1.026.339 1.576.613 2.02c.232.379.387.63.387 1.228s-.154.851-.389 1.233c-.272.442-.611.993-.611 2.02c0 2.021 1.297 2.854 1.352 2.889a.746.746 0 0 0 1.026-.231z"/></svg>
React
import type { SVGProps } from "react";
export function FluentHapticWeak16Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.748 14.25a.75.75 0 0 1-.396-.114C10.212 14.047 9 13.218 9 11.247c0-1.027.339-1.577.611-2.02c.234-.38.389-.631.389-1.233s-.154-.851-.389-1.23C9.339 6.322 9 5.772 9 4.746c0-2.014 1.298-2.849 1.353-2.883a.76.76 0 0 1 .397-.113c.262 0 .499.132.637.353a.753.753 0 0 1-.232 1.028c-.022.015-.654.452-.654 1.615c0 .601.154.851.389 1.23c.272.442.611.992.611 2.017s-.339 1.577-.611 2.02c-.234.38-.389.631-.389 1.233c0 1.167.632 1.606.658 1.624c.343.227.44.69.219 1.034a.75.75 0 0 1-.63.345zm-3.37-.345a.754.754 0 0 0-.219-1.034c-.026-.018-.658-.457-.658-1.624c0-.602.154-.854.391-1.236c.271-.443.609-.993.609-2.017s-.338-1.572-.611-2.017c-.234-.379-.389-.63-.389-1.23c0-1.164.63-1.598.654-1.615a.75.75 0 0 0-.802-1.268C6.298 1.899 5 2.733 5 4.747c0 1.026.339 1.576.613 2.02c.232.379.387.63.387 1.228s-.154.851-.389 1.233c-.272.442-.611.993-.611 2.02c0 2.021 1.297 2.854 1.352 2.889a.746.746 0 0 0 1.026-.231z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.748 14.25a.75.75 0 0 1-.396-.114C10.212 14.047 9 13.218 9 11.247c0-1.027.339-1.577.611-2.02c.234-.38.389-.631.389-1.233s-.154-.851-.389-1.23C9.339 6.322 9 5.772 9 4.746c0-2.014 1.298-2.849 1.353-2.883a.76.76 0 0 1 .397-.113c.262 0 .499.132.637.353a.753.753 0 0 1-.232 1.028c-.022.015-.654.452-.654 1.615c0 .601.154.851.389 1.23c.272.442.611.992.611 2.017s-.339 1.577-.611 2.02c-.234.38-.389.631-.389 1.233c0 1.167.632 1.606.658 1.624c.343.227.44.69.219 1.034a.75.75 0 0 1-.63.345zm-3.37-.345a.754.754 0 0 0-.219-1.034c-.026-.018-.658-.457-.658-1.624c0-.602.154-.854.391-1.236c.271-.443.609-.993.609-2.017s-.338-1.572-.611-2.017c-.234-.379-.389-.63-.389-1.23c0-1.164.63-1.598.654-1.615a.75.75 0 0 0-.802-1.268C6.298 1.899 5 2.733 5 4.747c0 1.026.339 1.576.613 2.02c.232.379.387.63.387 1.228s-.154.851-.389 1.233c-.272.442-.611.993-.611 2.02c0 2.021 1.297 2.854 1.352 2.889a.746.746 0 0 0 1.026-.231z"/></svg> </template>
CSS
.icon-haptic-weak-16-filled {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.748%2014.25a.75.75%200%200%201-.396-.114C10.212%2014.047%209%2013.218%209%2011.247c0-1.027.339-1.577.611-2.02c.234-.38.389-.631.389-1.233s-.154-.851-.389-1.23C9.339%206.322%209%205.772%209%204.746c0-2.014%201.298-2.849%201.353-2.883a.76.76%200%200%201%20.397-.113c.262%200%20.499.132.637.353a.753.753%200%200%201-.232%201.028c-.022.015-.654.452-.654%201.615c0%20.601.154.851.389%201.23c.272.442.611.992.611%202.017s-.339%201.577-.611%202.02c-.234.38-.389.631-.389%201.233c0%201.167.632%201.606.658%201.624c.343.227.44.69.219%201.034a.75.75%200%200%201-.63.345zm-3.37-.345a.754.754%200%200%200-.219-1.034c-.026-.018-.658-.457-.658-1.624c0-.602.154-.854.391-1.236c.271-.443.609-.993.609-2.017s-.338-1.572-.611-2.017c-.234-.379-.389-.63-.389-1.23c0-1.164.63-1.598.654-1.615a.75.75%200%200%200-.802-1.268C6.298%201.899%205%202.733%205%204.747c0%201.026.339%201.576.613%202.02c.232.379.387.63.387%201.228s-.154.851-.389%201.233c-.272.442-.611.993-.611%202.02c0%202.021%201.297%202.854%201.352%202.889a.746.746%200%200%200%201.026-.231z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.748%2014.25a.75.75%200%200%201-.396-.114C10.212%2014.047%209%2013.218%209%2011.247c0-1.027.339-1.577.611-2.02c.234-.38.389-.631.389-1.233s-.154-.851-.389-1.23C9.339%206.322%209%205.772%209%204.746c0-2.014%201.298-2.849%201.353-2.883a.76.76%200%200%201%20.397-.113c.262%200%20.499.132.637.353a.753.753%200%200%201-.232%201.028c-.022.015-.654.452-.654%201.615c0%20.601.154.851.389%201.23c.272.442.611.992.611%202.017s-.339%201.577-.611%202.02c-.234.38-.389.631-.389%201.233c0%201.167.632%201.606.658%201.624c.343.227.44.69.219%201.034a.75.75%200%200%201-.63.345zm-3.37-.345a.754.754%200%200%200-.219-1.034c-.026-.018-.658-.457-.658-1.624c0-.602.154-.854.391-1.236c.271-.443.609-.993.609-2.017s-.338-1.572-.611-2.017c-.234-.379-.389-.63-.389-1.23c0-1.164.63-1.598.654-1.615a.75.75%200%200%200-.802-1.268C6.298%201.899%205%202.733%205%204.747c0%201.026.339%201.576.613%202.02c.232.379.387.63.387%201.228s-.154.851-.389%201.233c-.272.442-.611.993-.611%202.02c0%202.021%201.297%202.854%201.352%202.889a.746.746%200%200%200%201.026-.231z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/haptic-weak-16-filled.svg?color=%231a73e8&size=48
