haptic strong icon
haptic-strong-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- haptic-strong-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M10.001 21.25a1 1 0 0 1-.205-.021c-.542-.113-5.296-1.197-5.296-4.358c0-1.815 1.603-2.684 2.773-3.318C8.347 12.97 9 12.574 9 11.992s-.652-.976-1.727-1.557C6.101 9.8 4.5 8.932 4.5 7.12c0-3.159 4.755-4.237 5.297-4.349a1.002 1.002 0 0 1 1.039 1.526a1 1 0 0 1-.632.432c-1.161.244-3.705 1.184-3.705 2.391c0 .58.652.975 1.726 1.556c1.172.634 2.774 1.502 2.774 3.315s-1.603 2.684-2.773 3.318c-1.074.583-1.727.979-1.727 1.561c0 1.229 2.496 2.148 3.704 2.4c.539.113.887.644.775 1.183a1.01 1.01 0 0 1-.979.796zm8.978-.796a1.003 1.003 0 0 0-.775-1.183c-1.208-.252-3.704-1.171-3.704-2.4c0-.582.652-.978 1.727-1.561C17.398 14.676 19 13.807 19 11.992s-1.603-2.681-2.774-3.315c-1.073-.582-1.726-.976-1.726-1.556c0-1.208 2.544-2.147 3.705-2.391a.997.997 0 0 0 .774-1.183a1.004 1.004 0 0 0-1.181-.775c-.542.112-5.297 1.19-5.297 4.349c0 1.812 1.602 2.68 2.773 3.315c1.074.581 1.727.976 1.727 1.557s-.652.978-1.727 1.561c-1.171.634-2.773 1.503-2.773 3.318c0 3.162 4.754 4.245 5.296 4.358a1.006 1.006 0 0 0 1.184-.775z"/></svg>
React
import type { SVGProps } from "react";
export function FluentHapticStrong24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.001 21.25a1 1 0 0 1-.205-.021c-.542-.113-5.296-1.197-5.296-4.358c0-1.815 1.603-2.684 2.773-3.318C8.347 12.97 9 12.574 9 11.992s-.652-.976-1.727-1.557C6.101 9.8 4.5 8.932 4.5 7.12c0-3.159 4.755-4.237 5.297-4.349a1.002 1.002 0 0 1 1.039 1.526a1 1 0 0 1-.632.432c-1.161.244-3.705 1.184-3.705 2.391c0 .58.652.975 1.726 1.556c1.172.634 2.774 1.502 2.774 3.315s-1.603 2.684-2.773 3.318c-1.074.583-1.727.979-1.727 1.561c0 1.229 2.496 2.148 3.704 2.4c.539.113.887.644.775 1.183a1.01 1.01 0 0 1-.979.796zm8.978-.796a1.003 1.003 0 0 0-.775-1.183c-1.208-.252-3.704-1.171-3.704-2.4c0-.582.652-.978 1.727-1.561C17.398 14.676 19 13.807 19 11.992s-1.603-2.681-2.774-3.315c-1.073-.582-1.726-.976-1.726-1.556c0-1.208 2.544-2.147 3.705-2.391a.997.997 0 0 0 .774-1.183a1.004 1.004 0 0 0-1.181-.775c-.542.112-5.297 1.19-5.297 4.349c0 1.812 1.602 2.68 2.773 3.315c1.074.581 1.727.976 1.727 1.557s-.652.978-1.727 1.561c-1.171.634-2.773 1.503-2.773 3.318c0 3.162 4.754 4.245 5.296 4.358a1.006 1.006 0 0 0 1.184-.775z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.001 21.25a1 1 0 0 1-.205-.021c-.542-.113-5.296-1.197-5.296-4.358c0-1.815 1.603-2.684 2.773-3.318C8.347 12.97 9 12.574 9 11.992s-.652-.976-1.727-1.557C6.101 9.8 4.5 8.932 4.5 7.12c0-3.159 4.755-4.237 5.297-4.349a1.002 1.002 0 0 1 1.039 1.526a1 1 0 0 1-.632.432c-1.161.244-3.705 1.184-3.705 2.391c0 .58.652.975 1.726 1.556c1.172.634 2.774 1.502 2.774 3.315s-1.603 2.684-2.773 3.318c-1.074.583-1.727.979-1.727 1.561c0 1.229 2.496 2.148 3.704 2.4c.539.113.887.644.775 1.183a1.01 1.01 0 0 1-.979.796zm8.978-.796a1.003 1.003 0 0 0-.775-1.183c-1.208-.252-3.704-1.171-3.704-2.4c0-.582.652-.978 1.727-1.561C17.398 14.676 19 13.807 19 11.992s-1.603-2.681-2.774-3.315c-1.073-.582-1.726-.976-1.726-1.556c0-1.208 2.544-2.147 3.705-2.391a.997.997 0 0 0 .774-1.183a1.004 1.004 0 0 0-1.181-.775c-.542.112-5.297 1.19-5.297 4.349c0 1.812 1.602 2.68 2.773 3.315c1.074.581 1.727.976 1.727 1.557s-.652.978-1.727 1.561c-1.171.634-2.773 1.503-2.773 3.318c0 3.162 4.754 4.245 5.296 4.358a1.006 1.006 0 0 0 1.184-.775z"/></svg> </template>
CSS
.icon-haptic-strong-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.001%2021.25a1%201%200%200%201-.205-.021c-.542-.113-5.296-1.197-5.296-4.358c0-1.815%201.603-2.684%202.773-3.318C8.347%2012.97%209%2012.574%209%2011.992s-.652-.976-1.727-1.557C6.101%209.8%204.5%208.932%204.5%207.12c0-3.159%204.755-4.237%205.297-4.349a1.002%201.002%200%200%201%201.039%201.526a1%201%200%200%201-.632.432c-1.161.244-3.705%201.184-3.705%202.391c0%20.58.652.975%201.726%201.556c1.172.634%202.774%201.502%202.774%203.315s-1.603%202.684-2.773%203.318c-1.074.583-1.727.979-1.727%201.561c0%201.229%202.496%202.148%203.704%202.4c.539.113.887.644.775%201.183a1.01%201.01%200%200%201-.979.796zm8.978-.796a1.003%201.003%200%200%200-.775-1.183c-1.208-.252-3.704-1.171-3.704-2.4c0-.582.652-.978%201.727-1.561C17.398%2014.676%2019%2013.807%2019%2011.992s-1.603-2.681-2.774-3.315c-1.073-.582-1.726-.976-1.726-1.556c0-1.208%202.544-2.147%203.705-2.391a.997.997%200%200%200%20.774-1.183a1.004%201.004%200%200%200-1.181-.775c-.542.112-5.297%201.19-5.297%204.349c0%201.812%201.602%202.68%202.773%203.315c1.074.581%201.727.976%201.727%201.557s-.652.978-1.727%201.561c-1.171.634-2.773%201.503-2.773%203.318c0%203.162%204.754%204.245%205.296%204.358a1.006%201.006%200%200%200%201.184-.775z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.001%2021.25a1%201%200%200%201-.205-.021c-.542-.113-5.296-1.197-5.296-4.358c0-1.815%201.603-2.684%202.773-3.318C8.347%2012.97%209%2012.574%209%2011.992s-.652-.976-1.727-1.557C6.101%209.8%204.5%208.932%204.5%207.12c0-3.159%204.755-4.237%205.297-4.349a1.002%201.002%200%200%201%201.039%201.526a1%201%200%200%201-.632.432c-1.161.244-3.705%201.184-3.705%202.391c0%20.58.652.975%201.726%201.556c1.172.634%202.774%201.502%202.774%203.315s-1.603%202.684-2.773%203.318c-1.074.583-1.727.979-1.727%201.561c0%201.229%202.496%202.148%203.704%202.4c.539.113.887.644.775%201.183a1.01%201.01%200%200%201-.979.796zm8.978-.796a1.003%201.003%200%200%200-.775-1.183c-1.208-.252-3.704-1.171-3.704-2.4c0-.582.652-.978%201.727-1.561C17.398%2014.676%2019%2013.807%2019%2011.992s-1.603-2.681-2.774-3.315c-1.073-.582-1.726-.976-1.726-1.556c0-1.208%202.544-2.147%203.705-2.391a.997.997%200%200%200%20.774-1.183a1.004%201.004%200%200%200-1.181-.775c-.542.112-5.297%201.19-5.297%204.349c0%201.812%201.602%202.68%202.773%203.315c1.074.581%201.727.976%201.727%201.557s-.652.978-1.727%201.561c-1.171.634-2.773%201.503-2.773%203.318c0%203.162%204.754%204.245%205.296%204.358a1.006%201.006%200%200%200%201.184-.775z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/haptic-strong-24-filled.svg?color=%231a73e8&size=48
