haptic strong icon
haptic-strong-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- haptic-strong-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 strong icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.621 2.985a.5.5 0 0 0-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11 11 0 0 0-1.914.737c-.524.262-1.077.602-1.506 1.03C4.341 4.264 4 4.822 4 5.5c0 .688.35 1.216.779 1.627c.413.395.95.73 1.431 1.032l.025.015c.512.32.964.605 1.294.921c.322.309.471.593.471.905c0 .305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478 1.047C4.328 13.177 4 13.748 4 14.5c0 .68.342 1.237.772 1.666c.428.428.981.77 1.504 1.031a11 11 0 0 0 2.05.774l.038.01l.01.003h.004a.5.5 0 0 0 .243-.969l-.008-.002l-.03-.008l-.117-.033a10.6 10.6 0 0 1-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594 1.272-.888l.128-.074c.448-.26.943-.546 1.327-.886C8.643 11.204 9 10.695 9 10c0-.688-.35-1.216-.779-1.627c-.413-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C5.149 6.096 5 5.812 5 5.5q-.001-.479.479-.959c.321-.321.768-.606 1.245-.844a10 10 0 0 1 1.86-.702l.03-.008zm6 0a.5.5 0 0 0-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11 11 0 0 0-1.914.737c-.524.262-1.077.602-1.506 1.03c-.43.43-.771.988-.771 1.667c0 .688.35 1.216.779 1.627c.412.395.95.73 1.431 1.032l.025.015c.512.32.964.605 1.294.921c.322.309.471.593.471.905c0 .305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478 1.047c-.443.444-.771 1.015-.771 1.767c0 .68.342 1.237.772 1.666c.428.428.981.77 1.505 1.031a11 11 0 0 0 2.05.774l.037.01l.01.003h.004a.5.5 0 0 0 .243-.969l-.008-.002l-.03-.008l-.117-.033a10 10 0 0 1-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594 1.272-.888l.128-.074c.448-.26.943-.546 1.327-.886c.437-.387.794-.896.794-1.591c0-.688-.35-1.216-.779-1.627c-.412-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C11.149 6.096 11 5.812 11 5.5q-.001-.479.479-.959c.321-.321.768-.606 1.245-.844a10 10 0 0 1 1.86-.702l.03-.008z"/></svg>
React
import type { SVGProps } from "react";
export function FluentHapticStrong20Regular(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.621 2.985a.5.5 0 0 0-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11 11 0 0 0-1.914.737c-.524.262-1.077.602-1.506 1.03C4.341 4.264 4 4.822 4 5.5c0 .688.35 1.216.779 1.627c.413.395.95.73 1.431 1.032l.025.015c.512.32.964.605 1.294.921c.322.309.471.593.471.905c0 .305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478 1.047C4.328 13.177 4 13.748 4 14.5c0 .68.342 1.237.772 1.666c.428.428.981.77 1.504 1.031a11 11 0 0 0 2.05.774l.038.01l.01.003h.004a.5.5 0 0 0 .243-.969l-.008-.002l-.03-.008l-.117-.033a10.6 10.6 0 0 1-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594 1.272-.888l.128-.074c.448-.26.943-.546 1.327-.886C8.643 11.204 9 10.695 9 10c0-.688-.35-1.216-.779-1.627c-.413-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C5.149 6.096 5 5.812 5 5.5q-.001-.479.479-.959c.321-.321.768-.606 1.245-.844a10 10 0 0 1 1.86-.702l.03-.008zm6 0a.5.5 0 0 0-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11 11 0 0 0-1.914.737c-.524.262-1.077.602-1.506 1.03c-.43.43-.771.988-.771 1.667c0 .688.35 1.216.779 1.627c.412.395.95.73 1.431 1.032l.025.015c.512.32.964.605 1.294.921c.322.309.471.593.471.905c0 .305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478 1.047c-.443.444-.771 1.015-.771 1.767c0 .68.342 1.237.772 1.666c.428.428.981.77 1.505 1.031a11 11 0 0 0 2.05.774l.037.01l.01.003h.004a.5.5 0 0 0 .243-.969l-.008-.002l-.03-.008l-.117-.033a10 10 0 0 1-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594 1.272-.888l.128-.074c.448-.26.943-.546 1.327-.886c.437-.387.794-.896.794-1.591c0-.688-.35-1.216-.779-1.627c-.412-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C11.149 6.096 11 5.812 11 5.5q-.001-.479.479-.959c.321-.321.768-.606 1.245-.844a10 10 0 0 1 1.86-.702l.03-.008z"/></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.621 2.985a.5.5 0 0 0-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11 11 0 0 0-1.914.737c-.524.262-1.077.602-1.506 1.03C4.341 4.264 4 4.822 4 5.5c0 .688.35 1.216.779 1.627c.413.395.95.73 1.431 1.032l.025.015c.512.32.964.605 1.294.921c.322.309.471.593.471.905c0 .305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478 1.047C4.328 13.177 4 13.748 4 14.5c0 .68.342 1.237.772 1.666c.428.428.981.77 1.504 1.031a11 11 0 0 0 2.05.774l.038.01l.01.003h.004a.5.5 0 0 0 .243-.969l-.008-.002l-.03-.008l-.117-.033a10.6 10.6 0 0 1-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594 1.272-.888l.128-.074c.448-.26.943-.546 1.327-.886C8.643 11.204 9 10.695 9 10c0-.688-.35-1.216-.779-1.627c-.413-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C5.149 6.096 5 5.812 5 5.5q-.001-.479.479-.959c.321-.321.768-.606 1.245-.844a10 10 0 0 1 1.86-.702l.03-.008zm6 0a.5.5 0 0 0-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11 11 0 0 0-1.914.737c-.524.262-1.077.602-1.506 1.03c-.43.43-.771.988-.771 1.667c0 .688.35 1.216.779 1.627c.412.395.95.73 1.431 1.032l.025.015c.512.32.964.605 1.294.921c.322.309.471.593.471.905c0 .305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478 1.047c-.443.444-.771 1.015-.771 1.767c0 .68.342 1.237.772 1.666c.428.428.981.77 1.505 1.031a11 11 0 0 0 2.05.774l.037.01l.01.003h.004a.5.5 0 0 0 .243-.969l-.008-.002l-.03-.008l-.117-.033a10 10 0 0 1-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594 1.272-.888l.128-.074c.448-.26.943-.546 1.327-.886c.437-.387.794-.896.794-1.591c0-.688-.35-1.216-.779-1.627c-.412-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C11.149 6.096 11 5.812 11 5.5q-.001-.479.479-.959c.321-.321.768-.606 1.245-.844a10 10 0 0 1 1.86-.702l.03-.008z"/></svg> </template>
CSS
.icon-haptic-strong-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.621%202.985a.5.5%200%200%200-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11%2011%200%200%200-1.914.737c-.524.262-1.077.602-1.506%201.03C4.341%204.264%204%204.822%204%205.5c0%20.688.35%201.216.779%201.627c.413.395.95.73%201.431%201.032l.025.015c.512.32.964.605%201.294.921c.322.309.471.593.471.905c0%20.305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478%201.047C4.328%2013.177%204%2013.748%204%2014.5c0%20.68.342%201.237.772%201.666c.428.428.981.77%201.504%201.031a11%2011%200%200%200%202.05.774l.038.01l.01.003h.004a.5.5%200%200%200%20.243-.969l-.008-.002l-.03-.008l-.117-.033a10.6%2010.6%200%200%201-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594%201.272-.888l.128-.074c.448-.26.943-.546%201.327-.886C8.643%2011.204%209%2010.695%209%2010c0-.688-.35-1.216-.779-1.627c-.413-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C5.149%206.096%205%205.812%205%205.5q-.001-.479.479-.959c.321-.321.768-.606%201.245-.844a10%2010%200%200%201%201.86-.702l.03-.008zm6%200a.5.5%200%200%200-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11%2011%200%200%200-1.914.737c-.524.262-1.077.602-1.506%201.03c-.43.43-.771.988-.771%201.667c0%20.688.35%201.216.779%201.627c.412.395.95.73%201.431%201.032l.025.015c.512.32.964.605%201.294.921c.322.309.471.593.471.905c0%20.305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478%201.047c-.443.444-.771%201.015-.771%201.767c0%20.68.342%201.237.772%201.666c.428.428.981.77%201.505%201.031a11%2011%200%200%200%202.05.774l.037.01l.01.003h.004a.5.5%200%200%200%20.243-.969l-.008-.002l-.03-.008l-.117-.033a10%2010%200%200%201-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594%201.272-.888l.128-.074c.448-.26.943-.546%201.327-.886c.437-.387.794-.896.794-1.591c0-.688-.35-1.216-.779-1.627c-.412-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C11.149%206.096%2011%205.812%2011%205.5q-.001-.479.479-.959c.321-.321.768-.606%201.245-.844a10%2010%200%200%201%201.86-.702l.03-.008z%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.621%202.985a.5.5%200%200%200-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11%2011%200%200%200-1.914.737c-.524.262-1.077.602-1.506%201.03C4.341%204.264%204%204.822%204%205.5c0%20.688.35%201.216.779%201.627c.413.395.95.73%201.431%201.032l.025.015c.512.32.964.605%201.294.921c.322.309.471.593.471.905c0%20.305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478%201.047C4.328%2013.177%204%2013.748%204%2014.5c0%20.68.342%201.237.772%201.666c.428.428.981.77%201.504%201.031a11%2011%200%200%200%202.05.774l.038.01l.01.003h.004a.5.5%200%200%200%20.243-.969l-.008-.002l-.03-.008l-.117-.033a10.6%2010.6%200%200%201-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594%201.272-.888l.128-.074c.448-.26.943-.546%201.327-.886C8.643%2011.204%209%2010.695%209%2010c0-.688-.35-1.216-.779-1.627c-.413-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C5.149%206.096%205%205.812%205%205.5q-.001-.479.479-.959c.321-.321.768-.606%201.245-.844a10%2010%200%200%201%201.86-.702l.03-.008zm6%200a.5.5%200%200%200-.242-.97h-.002l-.003.001l-.01.003l-.038.01l-.135.037a11%2011%200%200%200-1.914.737c-.524.262-1.077.602-1.506%201.03c-.43.43-.771.988-.771%201.667c0%20.688.35%201.216.779%201.627c.412.395.95.73%201.431%201.032l.025.015c.512.32.964.605%201.294.921c.322.309.471.593.471.905c0%20.305-.143.564-.456.842c-.306.27-.713.506-1.185.78l-.11.064c-.494.287-1.05.618-1.478%201.047c-.443.444-.771%201.015-.771%201.767c0%20.68.342%201.237.772%201.666c.428.428.981.77%201.505%201.031a11%2011%200%200%200%202.05.774l.037.01l.01.003h.004a.5.5%200%200%200%20.243-.969l-.008-.002l-.03-.008l-.117-.033a10%2010%200%200%201-1.742-.67c-.477-.237-.924-.521-1.245-.843q-.48-.479-.479-.96c0-.423.172-.752.479-1.06c.322-.322.766-.594%201.272-.888l.128-.074c.448-.26.943-.546%201.327-.886c.437-.387.794-.896.794-1.591c0-.688-.35-1.216-.779-1.627c-.412-.395-.95-.73-1.431-1.032l-.025-.015c-.512-.32-.964-.605-1.294-.921C11.149%206.096%2011%205.812%2011%205.5q-.001-.479.479-.959c.321-.321.768-.606%201.245-.844a10%2010%200%200%201%201.86-.702l.03-.008z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/haptic-strong-20-regular.svg?color=%231a73e8&size=48
