pad icon
pad from IconPark by ByteDance · Color · Hardware · Apache-2.0 Free for personal and commercial use.
- Name
- pad
- Set
- IconPark
- Style
- Color
- Category
- Hardware
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More hardware icons from IconPark
Use the pad icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M42 4H6V31H42V4Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M42 31V44H6V31"/><path fill="#fff" d="M16 9H13C12.4477 9 12 9.44772 12 10V13C12 13.5523 12.4477 14 13 14H16C16.5523 14 17 13.5523 17 13V10C17 9.44772 16.5523 9 16 9Z"/><path fill="#fff" d="M16 16H13C12.4477 16 12 16.4477 12 17V20C12 20.5523 12.4477 21 13 21H16C16.5523 21 17 20.5523 17 20V17C17 16.4477 16.5523 16 16 16Z"/><path fill="#fff" d="M25.5 9H22.5C21.9477 9 21.5 9.44772 21.5 10V13C21.5 13.5523 21.9477 14 22.5 14H25.5C26.0523 14 26.5 13.5523 26.5 13V10C26.5 9.44772 26.0523 9 25.5 9Z"/><path fill="#fff" d="M25.5 16H22.5C21.9477 16 21.5 16.4477 21.5 17V20C21.5 20.5523 21.9477 21 22.5 21H25.5C26.0523 21 26.5 20.5523 26.5 20V17C26.5 16.4477 26.0523 16 25.5 16Z"/><path fill="#000" d="M26.5 37.5C26.5 36.1193 25.3807 35 24 35C22.6193 35 21.5 36.1193 21.5 37.5C21.5 38.8807 22.6193 40 24 40C25.3807 40 26.5 38.8807 26.5 37.5Z"/><path fill="#fff" d="M35 9H32C31.4477 9 31 9.44772 31 10V13C31 13.5523 31.4477 14 32 14H35C35.5523 14 36 13.5523 36 13V10C36 9.44772 35.5523 9 35 9Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkPad(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" strokeLinejoin="round" strokeWidth="4" d="M42 4H6V31H42V4Z"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M42 31V44H6V31"/><path fill="#fff" d="M16 9H13C12.4477 9 12 9.44772 12 10V13C12 13.5523 12.4477 14 13 14H16C16.5523 14 17 13.5523 17 13V10C17 9.44772 16.5523 9 16 9Z"/><path fill="#fff" d="M16 16H13C12.4477 16 12 16.4477 12 17V20C12 20.5523 12.4477 21 13 21H16C16.5523 21 17 20.5523 17 20V17C17 16.4477 16.5523 16 16 16Z"/><path fill="#fff" d="M25.5 9H22.5C21.9477 9 21.5 9.44772 21.5 10V13C21.5 13.5523 21.9477 14 22.5 14H25.5C26.0523 14 26.5 13.5523 26.5 13V10C26.5 9.44772 26.0523 9 25.5 9Z"/><path fill="#fff" d="M25.5 16H22.5C21.9477 16 21.5 16.4477 21.5 17V20C21.5 20.5523 21.9477 21 22.5 21H25.5C26.0523 21 26.5 20.5523 26.5 20V17C26.5 16.4477 26.0523 16 25.5 16Z"/><path fill="#000" d="M26.5 37.5C26.5 36.1193 25.3807 35 24 35C22.6193 35 21.5 36.1193 21.5 37.5C21.5 38.8807 22.6193 40 24 40C25.3807 40 26.5 38.8807 26.5 37.5Z"/><path fill="#fff" d="M35 9H32C31.4477 9 31 9.44772 31 10V13C31 13.5523 31.4477 14 32 14H35C35.5523 14 36 13.5523 36 13V10C36 9.44772 35.5523 9 35 9Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M42 4H6V31H42V4Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M42 31V44H6V31"/><path fill="#fff" d="M16 9H13C12.4477 9 12 9.44772 12 10V13C12 13.5523 12.4477 14 13 14H16C16.5523 14 17 13.5523 17 13V10C17 9.44772 16.5523 9 16 9Z"/><path fill="#fff" d="M16 16H13C12.4477 16 12 16.4477 12 17V20C12 20.5523 12.4477 21 13 21H16C16.5523 21 17 20.5523 17 20V17C17 16.4477 16.5523 16 16 16Z"/><path fill="#fff" d="M25.5 9H22.5C21.9477 9 21.5 9.44772 21.5 10V13C21.5 13.5523 21.9477 14 22.5 14H25.5C26.0523 14 26.5 13.5523 26.5 13V10C26.5 9.44772 26.0523 9 25.5 9Z"/><path fill="#fff" d="M25.5 16H22.5C21.9477 16 21.5 16.4477 21.5 17V20C21.5 20.5523 21.9477 21 22.5 21H25.5C26.0523 21 26.5 20.5523 26.5 20V17C26.5 16.4477 26.0523 16 25.5 16Z"/><path fill="#000" d="M26.5 37.5C26.5 36.1193 25.3807 35 24 35C22.6193 35 21.5 36.1193 21.5 37.5C21.5 38.8807 22.6193 40 24 40C25.3807 40 26.5 38.8807 26.5 37.5Z"/><path fill="#fff" d="M35 9H32C31.4477 9 31 9.44772 31 10V13C31 13.5523 31.4477 14 32 14H35C35.5523 14 36 13.5523 36 13V10C36 9.44772 35.5523 9 35 9Z"/></g></svg> </template>
CSS
.icon-pad {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M42%204H6V31H42V4Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M42%2031V44H6V31%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%209H13C12.4477%209%2012%209.44772%2012%2010V13C12%2013.5523%2012.4477%2014%2013%2014H16C16.5523%2014%2017%2013.5523%2017%2013V10C17%209.44772%2016.5523%209%2016%209Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2016H13C12.4477%2016%2012%2016.4477%2012%2017V20C12%2020.5523%2012.4477%2021%2013%2021H16C16.5523%2021%2017%2020.5523%2017%2020V17C17%2016.4477%2016.5523%2016%2016%2016Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25.5%209H22.5C21.9477%209%2021.5%209.44772%2021.5%2010V13C21.5%2013.5523%2021.9477%2014%2022.5%2014H25.5C26.0523%2014%2026.5%2013.5523%2026.5%2013V10C26.5%209.44772%2026.0523%209%2025.5%209Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25.5%2016H22.5C21.9477%2016%2021.5%2016.4477%2021.5%2017V20C21.5%2020.5523%2021.9477%2021%2022.5%2021H25.5C26.0523%2021%2026.5%2020.5523%2026.5%2020V17C26.5%2016.4477%2026.0523%2016%2025.5%2016Z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M26.5%2037.5C26.5%2036.1193%2025.3807%2035%2024%2035C22.6193%2035%2021.5%2036.1193%2021.5%2037.5C21.5%2038.8807%2022.6193%2040%2024%2040C25.3807%2040%2026.5%2038.8807%2026.5%2037.5Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M35%209H32C31.4477%209%2031%209.44772%2031%2010V13C31%2013.5523%2031.4477%2014%2032%2014H35C35.5523%2014%2036%2013.5523%2036%2013V10C36%209.44772%2035.5523%209%2035%209Z%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M42%204H6V31H42V4Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M42%2031V44H6V31%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%209H13C12.4477%209%2012%209.44772%2012%2010V13C12%2013.5523%2012.4477%2014%2013%2014H16C16.5523%2014%2017%2013.5523%2017%2013V10C17%209.44772%2016.5523%209%2016%209Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2016H13C12.4477%2016%2012%2016.4477%2012%2017V20C12%2020.5523%2012.4477%2021%2013%2021H16C16.5523%2021%2017%2020.5523%2017%2020V17C17%2016.4477%2016.5523%2016%2016%2016Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25.5%209H22.5C21.9477%209%2021.5%209.44772%2021.5%2010V13C21.5%2013.5523%2021.9477%2014%2022.5%2014H25.5C26.0523%2014%2026.5%2013.5523%2026.5%2013V10C26.5%209.44772%2026.0523%209%2025.5%209Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M25.5%2016H22.5C21.9477%2016%2021.5%2016.4477%2021.5%2017V20C21.5%2020.5523%2021.9477%2021%2022.5%2021H25.5C26.0523%2021%2026.5%2020.5523%2026.5%2020V17C26.5%2016.4477%2026.0523%2016%2025.5%2016Z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M26.5%2037.5C26.5%2036.1193%2025.3807%2035%2024%2035C22.6193%2035%2021.5%2036.1193%2021.5%2037.5C21.5%2038.8807%2022.6193%2040%2024%2040C25.3807%2040%2026.5%2038.8807%2026.5%2037.5Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M35%209H32C31.4477%209%2031%209.44772%2031%2010V13C31%2013.5523%2031.4477%2014%2032%2014H35C35.5523%2014%2036%2013.5523%2036%2013V10C36%209.44772%2035.5523%209%2035%209Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/pad.svg?color=%231a73e8&size=48
