haptic strong icon
haptic-strong-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- haptic-strong-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the haptic strong icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.501 14a.5.5 0 0 1-.103-.01C6.05 13.918 3 13.223 3 11.248c0-1.111.977-1.641 1.762-2.066C5.533 8.764 6 8.476 6 7.995s-.468-.767-1.238-1.184C3.977 6.386 3 5.857 3 4.747C3 2.774 6.05 2.083 6.398 2.01a.5.5 0 0 1 .204.979C5.927 3.132 4 3.759 4 4.747c0 .479.468.768 1.238 1.185C6.023 6.357 7 6.885 7 7.995s-.977 1.64-1.762 2.066C4.467 10.479 4 10.767 4 11.248c0 .992 1.927 1.62 2.603 1.764a.5.5 0 0 1-.102.989m5.489-.396a.5.5 0 0 0-.387-.592C10.928 12.869 9 12.24 9 11.248c0-.481.468-.77 1.238-1.187C11.023 9.636 12 9.106 12 7.995s-.977-1.638-1.762-2.063C9.467 5.515 9 5.227 9 4.747c0-.99 1.927-1.616 2.603-1.757a.5.5 0 0 0-.204-.98c-.348.073-3.398.765-3.398 2.737c0 1.11.977 1.639 1.762 2.064c.771.417 1.238.705 1.238 1.184s-.468.769-1.238 1.187c-.785.425-1.762.955-1.762 2.066c0 1.976 3.05 2.67 3.397 2.742a.5.5 0 0 0 .592-.386"/></svg>
React
import type { SVGProps } from "react";
export function FluentHapticStrong16Regular(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="M6.501 14a.5.5 0 0 1-.103-.01C6.05 13.918 3 13.223 3 11.248c0-1.111.977-1.641 1.762-2.066C5.533 8.764 6 8.476 6 7.995s-.468-.767-1.238-1.184C3.977 6.386 3 5.857 3 4.747C3 2.774 6.05 2.083 6.398 2.01a.5.5 0 0 1 .204.979C5.927 3.132 4 3.759 4 4.747c0 .479.468.768 1.238 1.185C6.023 6.357 7 6.885 7 7.995s-.977 1.64-1.762 2.066C4.467 10.479 4 10.767 4 11.248c0 .992 1.927 1.62 2.603 1.764a.5.5 0 0 1-.102.989m5.489-.396a.5.5 0 0 0-.387-.592C10.928 12.869 9 12.24 9 11.248c0-.481.468-.77 1.238-1.187C11.023 9.636 12 9.106 12 7.995s-.977-1.638-1.762-2.063C9.467 5.515 9 5.227 9 4.747c0-.99 1.927-1.616 2.603-1.757a.5.5 0 0 0-.204-.98c-.348.073-3.398.765-3.398 2.737c0 1.11.977 1.639 1.762 2.064c.771.417 1.238.705 1.238 1.184s-.468.769-1.238 1.187c-.785.425-1.762.955-1.762 2.066c0 1.976 3.05 2.67 3.397 2.742a.5.5 0 0 0 .592-.386"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.501 14a.5.5 0 0 1-.103-.01C6.05 13.918 3 13.223 3 11.248c0-1.111.977-1.641 1.762-2.066C5.533 8.764 6 8.476 6 7.995s-.468-.767-1.238-1.184C3.977 6.386 3 5.857 3 4.747C3 2.774 6.05 2.083 6.398 2.01a.5.5 0 0 1 .204.979C5.927 3.132 4 3.759 4 4.747c0 .479.468.768 1.238 1.185C6.023 6.357 7 6.885 7 7.995s-.977 1.64-1.762 2.066C4.467 10.479 4 10.767 4 11.248c0 .992 1.927 1.62 2.603 1.764a.5.5 0 0 1-.102.989m5.489-.396a.5.5 0 0 0-.387-.592C10.928 12.869 9 12.24 9 11.248c0-.481.468-.77 1.238-1.187C11.023 9.636 12 9.106 12 7.995s-.977-1.638-1.762-2.063C9.467 5.515 9 5.227 9 4.747c0-.99 1.927-1.616 2.603-1.757a.5.5 0 0 0-.204-.98c-.348.073-3.398.765-3.398 2.737c0 1.11.977 1.639 1.762 2.064c.771.417 1.238.705 1.238 1.184s-.468.769-1.238 1.187c-.785.425-1.762.955-1.762 2.066c0 1.976 3.05 2.67 3.397 2.742a.5.5 0 0 0 .592-.386"/></svg> </template>
CSS
.icon-haptic-strong-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.501%2014a.5.5%200%200%201-.103-.01C6.05%2013.918%203%2013.223%203%2011.248c0-1.111.977-1.641%201.762-2.066C5.533%208.764%206%208.476%206%207.995s-.468-.767-1.238-1.184C3.977%206.386%203%205.857%203%204.747C3%202.774%206.05%202.083%206.398%202.01a.5.5%200%200%201%20.204.979C5.927%203.132%204%203.759%204%204.747c0%20.479.468.768%201.238%201.185C6.023%206.357%207%206.885%207%207.995s-.977%201.64-1.762%202.066C4.467%2010.479%204%2010.767%204%2011.248c0%20.992%201.927%201.62%202.603%201.764a.5.5%200%200%201-.102.989m5.489-.396a.5.5%200%200%200-.387-.592C10.928%2012.869%209%2012.24%209%2011.248c0-.481.468-.77%201.238-1.187C11.023%209.636%2012%209.106%2012%207.995s-.977-1.638-1.762-2.063C9.467%205.515%209%205.227%209%204.747c0-.99%201.927-1.616%202.603-1.757a.5.5%200%200%200-.204-.98c-.348.073-3.398.765-3.398%202.737c0%201.11.977%201.639%201.762%202.064c.771.417%201.238.705%201.238%201.184s-.468.769-1.238%201.187c-.785.425-1.762.955-1.762%202.066c0%201.976%203.05%202.67%203.397%202.742a.5.5%200%200%200%20.592-.386%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%22M6.501%2014a.5.5%200%200%201-.103-.01C6.05%2013.918%203%2013.223%203%2011.248c0-1.111.977-1.641%201.762-2.066C5.533%208.764%206%208.476%206%207.995s-.468-.767-1.238-1.184C3.977%206.386%203%205.857%203%204.747C3%202.774%206.05%202.083%206.398%202.01a.5.5%200%200%201%20.204.979C5.927%203.132%204%203.759%204%204.747c0%20.479.468.768%201.238%201.185C6.023%206.357%207%206.885%207%207.995s-.977%201.64-1.762%202.066C4.467%2010.479%204%2010.767%204%2011.248c0%20.992%201.927%201.62%202.603%201.764a.5.5%200%200%201-.102.989m5.489-.396a.5.5%200%200%200-.387-.592C10.928%2012.869%209%2012.24%209%2011.248c0-.481.468-.77%201.238-1.187C11.023%209.636%2012%209.106%2012%207.995s-.977-1.638-1.762-2.063C9.467%205.515%209%205.227%209%204.747c0-.99%201.927-1.616%202.603-1.757a.5.5%200%200%200-.204-.98c-.348.073-3.398.765-3.398%202.737c0%201.11.977%201.639%201.762%202.064c.771.417%201.238.705%201.238%201.184s-.468.769-1.238%201.187c-.785.425-1.762.955-1.762%202.066c0%201.976%203.05%202.67%203.397%202.742a.5.5%200%200%200%20.592-.386%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/haptic-strong-16-regular.svg?color=%231a73e8&size=48
