touchpad 01 icon
touchpad-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- touchpad-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the touchpad 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m21.448 13.97l-.527.532zm-.262 4.581l.675.328zM13 15.258l-.494.565a.75.75 0 0 0 1.244-.565zm-1.739-1.521l.494-.565h-.001zm-1.954 1.934l.594-.457l-.009-.012zm2.666 3.468l.594-.457zM9.3 13.924l-.589-.464zM19.537 22a.75.75 0 1 0 1.5 0zm-7.345 0a.75.75 0 0 0 1.5 0zm.637-1.508l.715-.226zm-.032-.094l.705-.255zM16 11.98h-.75a.75.75 0 0 0 .783.749zm4.92 2.522c.286.283.404.815.283 1.61c-.115.762-.423 1.56-.691 2.111l1.349.656c.306-.63.679-1.578.825-2.54c.141-.928.104-2.096-.71-2.902zm-.408 3.721a9 9 0 0 1-.25.46c-.096.17-.208.366-.31.568c-.199.39-.415.9-.415 1.455h1.5c0-.187.078-.434.252-.776c.083-.164.177-.328.278-.506c.097-.17.204-.36.294-.545zm-7.018-3.53l-1.739-1.52l-.987 1.129l1.738 1.52zm-4.782 1.435l2.666 3.468l1.19-.914L9.9 15.214zm-.001-2.668a2.16 2.16 0 0 0 .01 2.68l1.171-.938a.66.66 0 0 1-.003-.814zm3.043-.289a2.106 2.106 0 0 0-3.043.29l1.178.927a.606.606 0 0 1 .88-.085zm7.783 7.535V22h1.5v-1.294zM13.692 22c0-.72.008-1.24-.148-1.734l-1.43.452c.07.222.078.47.078 1.282zm-2.314-2.404c.492.64.635.84.714 1.057l1.41-.51c-.176-.488-.498-.893-.935-1.461zm2.166.67l-.042-.123l-1.41.51l.022.065zM12.25 7.5v7.758h1.5V7.5zm3 0v4.48h1.5V7.5zm.783 5.229c1.271-.056 3.36.259 4.887 1.773l1.056-1.065c-1.935-1.918-4.505-2.272-6.009-2.207zM13.75 7.5a.75.75 0 0 1 .75-.75v-1.5a2.25 2.25 0 0 0-2.25 2.25zm.75-.75a.75.75 0 0 1 .75.75h1.5a2.25 2.25 0 0 0-2.25-2.25z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M22 10c0-3.771 0-5.657-1.172-6.829S17.771 2 14 2h-4C6.229 2 4.343 2 3.172 3.17S2 6.23 2 10v2c0 1.864 0 2.796.304 3.53a4 4 0 0 0 2.165 2.165c.59.245 1.307.293 2.531.303"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsTouchpad01(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m21.448 13.97l-.527.532zm-.262 4.581l.675.328zM13 15.258l-.494.565a.75.75 0 0 0 1.244-.565zm-1.739-1.521l.494-.565h-.001zm-1.954 1.934l.594-.457l-.009-.012zm2.666 3.468l.594-.457zM9.3 13.924l-.589-.464zM19.537 22a.75.75 0 1 0 1.5 0zm-7.345 0a.75.75 0 0 0 1.5 0zm.637-1.508l.715-.226zm-.032-.094l.705-.255zM16 11.98h-.75a.75.75 0 0 0 .783.749zm4.92 2.522c.286.283.404.815.283 1.61c-.115.762-.423 1.56-.691 2.111l1.349.656c.306-.63.679-1.578.825-2.54c.141-.928.104-2.096-.71-2.902zm-.408 3.721a9 9 0 0 1-.25.46c-.096.17-.208.366-.31.568c-.199.39-.415.9-.415 1.455h1.5c0-.187.078-.434.252-.776c.083-.164.177-.328.278-.506c.097-.17.204-.36.294-.545zm-7.018-3.53l-1.739-1.52l-.987 1.129l1.738 1.52zm-4.782 1.435l2.666 3.468l1.19-.914L9.9 15.214zm-.001-2.668a2.16 2.16 0 0 0 .01 2.68l1.171-.938a.66.66 0 0 1-.003-.814zm3.043-.289a2.106 2.106 0 0 0-3.043.29l1.178.927a.606.606 0 0 1 .88-.085zm7.783 7.535V22h1.5v-1.294zM13.692 22c0-.72.008-1.24-.148-1.734l-1.43.452c.07.222.078.47.078 1.282zm-2.314-2.404c.492.64.635.84.714 1.057l1.41-.51c-.176-.488-.498-.893-.935-1.461zm2.166.67l-.042-.123l-1.41.51l.022.065zM12.25 7.5v7.758h1.5V7.5zm3 0v4.48h1.5V7.5zm.783 5.229c1.271-.056 3.36.259 4.887 1.773l1.056-1.065c-1.935-1.918-4.505-2.272-6.009-2.207zM13.75 7.5a.75.75 0 0 1 .75-.75v-1.5a2.25 2.25 0 0 0-2.25 2.25zm.75-.75a.75.75 0 0 1 .75.75h1.5a2.25 2.25 0 0 0-2.25-2.25z"/><path stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M22 10c0-3.771 0-5.657-1.172-6.829S17.771 2 14 2h-4C6.229 2 4.343 2 3.172 3.17S2 6.23 2 10v2c0 1.864 0 2.796.304 3.53a4 4 0 0 0 2.165 2.165c.59.245 1.307.293 2.531.303"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="m21.448 13.97l-.527.532zm-.262 4.581l.675.328zM13 15.258l-.494.565a.75.75 0 0 0 1.244-.565zm-1.739-1.521l.494-.565h-.001zm-1.954 1.934l.594-.457l-.009-.012zm2.666 3.468l.594-.457zM9.3 13.924l-.589-.464zM19.537 22a.75.75 0 1 0 1.5 0zm-7.345 0a.75.75 0 0 0 1.5 0zm.637-1.508l.715-.226zm-.032-.094l.705-.255zM16 11.98h-.75a.75.75 0 0 0 .783.749zm4.92 2.522c.286.283.404.815.283 1.61c-.115.762-.423 1.56-.691 2.111l1.349.656c.306-.63.679-1.578.825-2.54c.141-.928.104-2.096-.71-2.902zm-.408 3.721a9 9 0 0 1-.25.46c-.096.17-.208.366-.31.568c-.199.39-.415.9-.415 1.455h1.5c0-.187.078-.434.252-.776c.083-.164.177-.328.278-.506c.097-.17.204-.36.294-.545zm-7.018-3.53l-1.739-1.52l-.987 1.129l1.738 1.52zm-4.782 1.435l2.666 3.468l1.19-.914L9.9 15.214zm-.001-2.668a2.16 2.16 0 0 0 .01 2.68l1.171-.938a.66.66 0 0 1-.003-.814zm3.043-.289a2.106 2.106 0 0 0-3.043.29l1.178.927a.606.606 0 0 1 .88-.085zm7.783 7.535V22h1.5v-1.294zM13.692 22c0-.72.008-1.24-.148-1.734l-1.43.452c.07.222.078.47.078 1.282zm-2.314-2.404c.492.64.635.84.714 1.057l1.41-.51c-.176-.488-.498-.893-.935-1.461zm2.166.67l-.042-.123l-1.41.51l.022.065zM12.25 7.5v7.758h1.5V7.5zm3 0v4.48h1.5V7.5zm.783 5.229c1.271-.056 3.36.259 4.887 1.773l1.056-1.065c-1.935-1.918-4.505-2.272-6.009-2.207zM13.75 7.5a.75.75 0 0 1 .75-.75v-1.5a2.25 2.25 0 0 0-2.25 2.25zm.75-.75a.75.75 0 0 1 .75.75h1.5a2.25 2.25 0 0 0-2.25-2.25z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M22 10c0-3.771 0-5.657-1.172-6.829S17.771 2 14 2h-4C6.229 2 4.343 2 3.172 3.17S2 6.23 2 10v2c0 1.864 0 2.796.304 3.53a4 4 0 0 0 2.165 2.165c.59.245 1.307.293 2.531.303"/></g></svg> </template>
CSS
.icon-touchpad-01 {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.448%2013.97l-.527.532zm-.262%204.581l.675.328zM13%2015.258l-.494.565a.75.75%200%200%200%201.244-.565zm-1.739-1.521l.494-.565h-.001zm-1.954%201.934l.594-.457l-.009-.012zm2.666%203.468l.594-.457zM9.3%2013.924l-.589-.464zM19.537%2022a.75.75%200%201%200%201.5%200zm-7.345%200a.75.75%200%200%200%201.5%200zm.637-1.508l.715-.226zm-.032-.094l.705-.255zM16%2011.98h-.75a.75.75%200%200%200%20.783.749zm4.92%202.522c.286.283.404.815.283%201.61c-.115.762-.423%201.56-.691%202.111l1.349.656c.306-.63.679-1.578.825-2.54c.141-.928.104-2.096-.71-2.902zm-.408%203.721a9%209%200%200%201-.25.46c-.096.17-.208.366-.31.568c-.199.39-.415.9-.415%201.455h1.5c0-.187.078-.434.252-.776c.083-.164.177-.328.278-.506c.097-.17.204-.36.294-.545zm-7.018-3.53l-1.739-1.52l-.987%201.129l1.738%201.52zm-4.782%201.435l2.666%203.468l1.19-.914L9.9%2015.214zm-.001-2.668a2.16%202.16%200%200%200%20.01%202.68l1.171-.938a.66.66%200%200%201-.003-.814zm3.043-.289a2.106%202.106%200%200%200-3.043.29l1.178.927a.606.606%200%200%201%20.88-.085zm7.783%207.535V22h1.5v-1.294zM13.692%2022c0-.72.008-1.24-.148-1.734l-1.43.452c.07.222.078.47.078%201.282zm-2.314-2.404c.492.64.635.84.714%201.057l1.41-.51c-.176-.488-.498-.893-.935-1.461zm2.166.67l-.042-.123l-1.41.51l.022.065zM12.25%207.5v7.758h1.5V7.5zm3%200v4.48h1.5V7.5zm.783%205.229c1.271-.056%203.36.259%204.887%201.773l1.056-1.065c-1.935-1.918-4.505-2.272-6.009-2.207zM13.75%207.5a.75.75%200%200%201%20.75-.75v-1.5a2.25%202.25%200%200%200-2.25%202.25zm.75-.75a.75.75%200%200%201%20.75.75h1.5a2.25%202.25%200%200%200-2.25-2.25z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2010c0-3.771%200-5.657-1.172-6.829S17.771%202%2014%202h-4C6.229%202%204.343%202%203.172%203.17S2%206.23%202%2010v2c0%201.864%200%202.796.304%203.53a4%204%200%200%200%202.165%202.165c.59.245%201.307.293%202.531.303%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m21.448%2013.97l-.527.532zm-.262%204.581l.675.328zM13%2015.258l-.494.565a.75.75%200%200%200%201.244-.565zm-1.739-1.521l.494-.565h-.001zm-1.954%201.934l.594-.457l-.009-.012zm2.666%203.468l.594-.457zM9.3%2013.924l-.589-.464zM19.537%2022a.75.75%200%201%200%201.5%200zm-7.345%200a.75.75%200%200%200%201.5%200zm.637-1.508l.715-.226zm-.032-.094l.705-.255zM16%2011.98h-.75a.75.75%200%200%200%20.783.749zm4.92%202.522c.286.283.404.815.283%201.61c-.115.762-.423%201.56-.691%202.111l1.349.656c.306-.63.679-1.578.825-2.54c.141-.928.104-2.096-.71-2.902zm-.408%203.721a9%209%200%200%201-.25.46c-.096.17-.208.366-.31.568c-.199.39-.415.9-.415%201.455h1.5c0-.187.078-.434.252-.776c.083-.164.177-.328.278-.506c.097-.17.204-.36.294-.545zm-7.018-3.53l-1.739-1.52l-.987%201.129l1.738%201.52zm-4.782%201.435l2.666%203.468l1.19-.914L9.9%2015.214zm-.001-2.668a2.16%202.16%200%200%200%20.01%202.68l1.171-.938a.66.66%200%200%201-.003-.814zm3.043-.289a2.106%202.106%200%200%200-3.043.29l1.178.927a.606.606%200%200%201%20.88-.085zm7.783%207.535V22h1.5v-1.294zM13.692%2022c0-.72.008-1.24-.148-1.734l-1.43.452c.07.222.078.47.078%201.282zm-2.314-2.404c.492.64.635.84.714%201.057l1.41-.51c-.176-.488-.498-.893-.935-1.461zm2.166.67l-.042-.123l-1.41.51l.022.065zM12.25%207.5v7.758h1.5V7.5zm3%200v4.48h1.5V7.5zm.783%205.229c1.271-.056%203.36.259%204.887%201.773l1.056-1.065c-1.935-1.918-4.505-2.272-6.009-2.207zM13.75%207.5a.75.75%200%200%201%20.75-.75v-1.5a2.25%202.25%200%200%200-2.25%202.25zm.75-.75a.75.75%200%200%201%20.75.75h1.5a2.25%202.25%200%200%200-2.25-2.25z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M22%2010c0-3.771%200-5.657-1.172-6.829S17.771%202%2014%202h-4C6.229%202%204.343%202%203.172%203.17S2%206.23%202%2010v2c0%201.864%200%202.796.304%203.53a4%204%200%200%200%202.165%202.165c.59.245%201.307.293%202.531.303%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/touchpad-01.svg?color=%231a73e8&size=48
