trackpad input 3 icon
trackpad-input-3-outline from Material Symbols Light by Google · Outline · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- trackpad-input-3-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the trackpad input 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.885 14.577V9.019q0-.213.143-.357q.143-.143.357-.143q.213 0 .356.143t.144.357v5.558zM18.153 20h-4.548zM4.616 18q-.691 0-1.154-.462T3 16.384V5.616q0-.691.463-1.153T4.615 4h13.77q.517 0 .902.28t.54.72H4.616q-.231 0-.424.192T4 5.616v10.769q0 .23.192.423t.423.192h1.8l.994 1zm10.055 3q-.504 0-.948-.186t-.812-.554l-4.35-4.337l.575-.6q.235-.234.543-.292q.307-.058.634.029l2.033.461V8.52q0-.213.144-.357t.356-.143t.357.143q.143.144.143.357v8.325l-3.238-.815l3.498 3.537q.227.226.488.33q.262.104.577.104h3.483q1.037 0 1.768-.732q.732-.731.732-1.768v-3.173q0-.213.143-.357q.144-.143.357-.143t.357.143t.143.357V17.5q0 1.458-1.021 2.479T18.153 21zm.445-6.423V7.25q0-.213.143-.357t.357-.143t.356.143q.144.144.144.357v7.327z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTrackpadInput3Outline(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="M17.885 14.577V9.019q0-.213.143-.357q.143-.143.357-.143q.213 0 .356.143t.144.357v5.558zM18.153 20h-4.548zM4.616 18q-.691 0-1.154-.462T3 16.384V5.616q0-.691.463-1.153T4.615 4h13.77q.517 0 .902.28t.54.72H4.616q-.231 0-.424.192T4 5.616v10.769q0 .23.192.423t.423.192h1.8l.994 1zm10.055 3q-.504 0-.948-.186t-.812-.554l-4.35-4.337l.575-.6q.235-.234.543-.292q.307-.058.634.029l2.033.461V8.52q0-.213.144-.357t.356-.143t.357.143q.143.144.143.357v8.325l-3.238-.815l3.498 3.537q.227.226.488.33q.262.104.577.104h3.483q1.037 0 1.768-.732q.732-.731.732-1.768v-3.173q0-.213.143-.357q.144-.143.357-.143t.357.143t.143.357V17.5q0 1.458-1.021 2.479T18.153 21zm.445-6.423V7.25q0-.213.143-.357t.357-.143t.356.143q.144.144.144.357v7.327z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.885 14.577V9.019q0-.213.143-.357q.143-.143.357-.143q.213 0 .356.143t.144.357v5.558zM18.153 20h-4.548zM4.616 18q-.691 0-1.154-.462T3 16.384V5.616q0-.691.463-1.153T4.615 4h13.77q.517 0 .902.28t.54.72H4.616q-.231 0-.424.192T4 5.616v10.769q0 .23.192.423t.423.192h1.8l.994 1zm10.055 3q-.504 0-.948-.186t-.812-.554l-4.35-4.337l.575-.6q.235-.234.543-.292q.307-.058.634.029l2.033.461V8.52q0-.213.144-.357t.356-.143t.357.143q.143.144.143.357v8.325l-3.238-.815l3.498 3.537q.227.226.488.33q.262.104.577.104h3.483q1.037 0 1.768-.732q.732-.731.732-1.768v-3.173q0-.213.143-.357q.144-.143.357-.143t.357.143t.143.357V17.5q0 1.458-1.021 2.479T18.153 21zm.445-6.423V7.25q0-.213.143-.357t.357-.143t.356.143q.144.144.144.357v7.327z"/></svg> </template>
CSS
.icon-trackpad-input-3-outline {
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%22M17.885%2014.577V9.019q0-.213.143-.357q.143-.143.357-.143q.213%200%20.356.143t.144.357v5.558zM18.153%2020h-4.548zM4.616%2018q-.691%200-1.154-.462T3%2016.384V5.616q0-.691.463-1.153T4.615%204h13.77q.517%200%20.902.28t.54.72H4.616q-.231%200-.424.192T4%205.616v10.769q0%20.23.192.423t.423.192h1.8l.994%201zm10.055%203q-.504%200-.948-.186t-.812-.554l-4.35-4.337l.575-.6q.235-.234.543-.292q.307-.058.634.029l2.033.461V8.52q0-.213.144-.357t.356-.143t.357.143q.143.144.143.357v8.325l-3.238-.815l3.498%203.537q.227.226.488.33q.262.104.577.104h3.483q1.037%200%201.768-.732q.732-.731.732-1.768v-3.173q0-.213.143-.357q.144-.143.357-.143t.357.143t.143.357V17.5q0%201.458-1.021%202.479T18.153%2021zm.445-6.423V7.25q0-.213.143-.357t.357-.143t.356.143q.144.144.144.357v7.327z%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%22M17.885%2014.577V9.019q0-.213.143-.357q.143-.143.357-.143q.213%200%20.356.143t.144.357v5.558zM18.153%2020h-4.548zM4.616%2018q-.691%200-1.154-.462T3%2016.384V5.616q0-.691.463-1.153T4.615%204h13.77q.517%200%20.902.28t.54.72H4.616q-.231%200-.424.192T4%205.616v10.769q0%20.23.192.423t.423.192h1.8l.994%201zm10.055%203q-.504%200-.948-.186t-.812-.554l-4.35-4.337l.575-.6q.235-.234.543-.292q.307-.058.634.029l2.033.461V8.52q0-.213.144-.357t.356-.143t.357.143q.143.144.143.357v8.325l-3.238-.815l3.498%203.537q.227.226.488.33q.262.104.577.104h3.483q1.037%200%201.768-.732q.732-.731.732-1.768v-3.173q0-.213.143-.357q.144-.143.357-.143t.357.143t.143.357V17.5q0%201.458-1.021%202.479T18.153%2021zm.445-6.423V7.25q0-.213.143-.357t.357-.143t.356.143q.144.144.144.357v7.327z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/trackpad-input-3-outline.svg?color=%231a73e8&size=48
