haptic strong icon
haptic-strong-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- haptic-strong-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 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.75 14.25a.7.7 0 0 1-.155-.016C6.229 14.158 3 13.423 3 11.247c0-1.261 1.094-1.853 1.893-2.286C5.674 8.537 6 8.309 6 7.994s-.326-.542-1.107-.964C4.094 6.597 3 6.005 3 4.746c0-2.173 3.229-2.905 3.598-2.981a.754.754 0 0 1 .886.581a.753.753 0 0 1-.582.887C6.15 3.391 4.5 3.991 4.5 4.746c0 .314.326.542 1.107.965c.8.434 1.893 1.025 1.893 2.283s-1.094 1.852-1.892 2.285c-.782.424-1.108.652-1.108.968c0 .757 1.651 1.36 2.404 1.519a.75.75 0 0 1 .58.888a.754.754 0 0 1-.734.596m6.234-.596a.75.75 0 0 0-.58-.888c-.753-.159-2.404-.763-2.404-1.519c0-.315.326-.543 1.107-.967C11.906 9.847 13 9.255 13 7.994s-1.094-1.851-1.893-2.283C10.326 5.288 10 5.061 10 4.746c0-.713 1.565-1.337 2.404-1.513a.75.75 0 0 0 .58-.887a.753.753 0 0 0-.886-.582c-.368.076-3.598.81-3.598 2.981c0 1.259 1.094 1.851 1.893 2.284c.781.422 1.107.649 1.107.964s-.326.543-1.107.967C9.594 9.393 8.5 9.985 8.5 11.246c0 2.177 3.229 2.911 3.597 2.987a.75.75 0 0 0 .887-.579"/></svg>
React
import type { SVGProps } from "react";
export function FluentHapticStrong16Filled(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.75 14.25a.7.7 0 0 1-.155-.016C6.229 14.158 3 13.423 3 11.247c0-1.261 1.094-1.853 1.893-2.286C5.674 8.537 6 8.309 6 7.994s-.326-.542-1.107-.964C4.094 6.597 3 6.005 3 4.746c0-2.173 3.229-2.905 3.598-2.981a.754.754 0 0 1 .886.581a.753.753 0 0 1-.582.887C6.15 3.391 4.5 3.991 4.5 4.746c0 .314.326.542 1.107.965c.8.434 1.893 1.025 1.893 2.283s-1.094 1.852-1.892 2.285c-.782.424-1.108.652-1.108.968c0 .757 1.651 1.36 2.404 1.519a.75.75 0 0 1 .58.888a.754.754 0 0 1-.734.596m6.234-.596a.75.75 0 0 0-.58-.888c-.753-.159-2.404-.763-2.404-1.519c0-.315.326-.543 1.107-.967C11.906 9.847 13 9.255 13 7.994s-1.094-1.851-1.893-2.283C10.326 5.288 10 5.061 10 4.746c0-.713 1.565-1.337 2.404-1.513a.75.75 0 0 0 .58-.887a.753.753 0 0 0-.886-.582c-.368.076-3.598.81-3.598 2.981c0 1.259 1.094 1.851 1.893 2.284c.781.422 1.107.649 1.107.964s-.326.543-1.107.967C9.594 9.393 8.5 9.985 8.5 11.246c0 2.177 3.229 2.911 3.597 2.987a.75.75 0 0 0 .887-.579"/></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.75 14.25a.7.7 0 0 1-.155-.016C6.229 14.158 3 13.423 3 11.247c0-1.261 1.094-1.853 1.893-2.286C5.674 8.537 6 8.309 6 7.994s-.326-.542-1.107-.964C4.094 6.597 3 6.005 3 4.746c0-2.173 3.229-2.905 3.598-2.981a.754.754 0 0 1 .886.581a.753.753 0 0 1-.582.887C6.15 3.391 4.5 3.991 4.5 4.746c0 .314.326.542 1.107.965c.8.434 1.893 1.025 1.893 2.283s-1.094 1.852-1.892 2.285c-.782.424-1.108.652-1.108.968c0 .757 1.651 1.36 2.404 1.519a.75.75 0 0 1 .58.888a.754.754 0 0 1-.734.596m6.234-.596a.75.75 0 0 0-.58-.888c-.753-.159-2.404-.763-2.404-1.519c0-.315.326-.543 1.107-.967C11.906 9.847 13 9.255 13 7.994s-1.094-1.851-1.893-2.283C10.326 5.288 10 5.061 10 4.746c0-.713 1.565-1.337 2.404-1.513a.75.75 0 0 0 .58-.887a.753.753 0 0 0-.886-.582c-.368.076-3.598.81-3.598 2.981c0 1.259 1.094 1.851 1.893 2.284c.781.422 1.107.649 1.107.964s-.326.543-1.107.967C9.594 9.393 8.5 9.985 8.5 11.246c0 2.177 3.229 2.911 3.597 2.987a.75.75 0 0 0 .887-.579"/></svg> </template>
CSS
.icon-haptic-strong-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%22M6.75%2014.25a.7.7%200%200%201-.155-.016C6.229%2014.158%203%2013.423%203%2011.247c0-1.261%201.094-1.853%201.893-2.286C5.674%208.537%206%208.309%206%207.994s-.326-.542-1.107-.964C4.094%206.597%203%206.005%203%204.746c0-2.173%203.229-2.905%203.598-2.981a.754.754%200%200%201%20.886.581a.753.753%200%200%201-.582.887C6.15%203.391%204.5%203.991%204.5%204.746c0%20.314.326.542%201.107.965c.8.434%201.893%201.025%201.893%202.283s-1.094%201.852-1.892%202.285c-.782.424-1.108.652-1.108.968c0%20.757%201.651%201.36%202.404%201.519a.75.75%200%200%201%20.58.888a.754.754%200%200%201-.734.596m6.234-.596a.75.75%200%200%200-.58-.888c-.753-.159-2.404-.763-2.404-1.519c0-.315.326-.543%201.107-.967C11.906%209.847%2013%209.255%2013%207.994s-1.094-1.851-1.893-2.283C10.326%205.288%2010%205.061%2010%204.746c0-.713%201.565-1.337%202.404-1.513a.75.75%200%200%200%20.58-.887a.753.753%200%200%200-.886-.582c-.368.076-3.598.81-3.598%202.981c0%201.259%201.094%201.851%201.893%202.284c.781.422%201.107.649%201.107.964s-.326.543-1.107.967C9.594%209.393%208.5%209.985%208.5%2011.246c0%202.177%203.229%202.911%203.597%202.987a.75.75%200%200%200%20.887-.579%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.75%2014.25a.7.7%200%200%201-.155-.016C6.229%2014.158%203%2013.423%203%2011.247c0-1.261%201.094-1.853%201.893-2.286C5.674%208.537%206%208.309%206%207.994s-.326-.542-1.107-.964C4.094%206.597%203%206.005%203%204.746c0-2.173%203.229-2.905%203.598-2.981a.754.754%200%200%201%20.886.581a.753.753%200%200%201-.582.887C6.15%203.391%204.5%203.991%204.5%204.746c0%20.314.326.542%201.107.965c.8.434%201.893%201.025%201.893%202.283s-1.094%201.852-1.892%202.285c-.782.424-1.108.652-1.108.968c0%20.757%201.651%201.36%202.404%201.519a.75.75%200%200%201%20.58.888a.754.754%200%200%201-.734.596m6.234-.596a.75.75%200%200%200-.58-.888c-.753-.159-2.404-.763-2.404-1.519c0-.315.326-.543%201.107-.967C11.906%209.847%2013%209.255%2013%207.994s-1.094-1.851-1.893-2.283C10.326%205.288%2010%205.061%2010%204.746c0-.713%201.565-1.337%202.404-1.513a.75.75%200%200%200%20.58-.887a.753.753%200%200%200-.886-.582c-.368.076-3.598.81-3.598%202.981c0%201.259%201.094%201.851%201.893%202.284c.781.422%201.107.649%201.107.964s-.326.543-1.107.967C9.594%209.393%208.5%209.985%208.5%2011.246c0%202.177%203.229%202.911%203.597%202.987a.75.75%200%200%200%20.887-.579%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-filled.svg?color=%231a73e8&size=48
