Add icons to this collection by clicking the heart icon.
Graphic Tablet icon - also known as tablet, pen, digital, illustration, electronics, device, drawing tablet, graphic tablet, and edit tools. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path
d="M451.798-63.963c-160.556 97.869-410.51 8.611-439.593-61.949-38.908-94.393 26.578-110.527 38.742-187.874 9.761-62.06-51.181-121.494-16.394-176.282 37.883-59.662 163.466-44.681 211.197-16.447 87.376 51.682 43.31 112.012 84.685 187.299 39.407 71.707 116.243 42.625 160.961 99.99 42.5 54.521 14.311 122.402-39.598 155.263"
/>
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path
d="M20.337 378.489c-23.968-39.4-26.493-107.614-8.937-150.258 15.378-37.351 45.966-72.409 86.12-76.8 6.574-.72 13.213-.596 19.846-.471 8.264.155 16.518.309 24.625-1.167 50.257-9.152 68.952-71.09 108.01-104.014 27.183-22.913 64.899-31.021 100.175-26.607 35.276 4.414 68.302 20.363 97.376 40.824 22.957 16.157 44.436 36.021 55.763 61.707 23.745 53.839-4.19 118.502-47.587 158.239-13.517 12.377-28.582 23.294-39.875 37.728-11.293 14.434-18.48 33.695-13.099 51.214 4.293 13.977 15.849 24.813 20.227 38.764 5.958 18.984-3.034 40.279-17.801 53.615-14.768 13.335-34.309 20.039-53.667 24.641-20.696 4.919-47.688 8.079-77.612 8.079-87.336.001-199.674-26.908-253.564-115.494"
/>
</clipPath>
<clipPath id="k" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="l" clipPathUnits="userSpaceOnUse">
<path d="M55.76 345.08h400.48V68.243H55.76Z" />
</clipPath>
<clipPath id="m" clipPathUnits="userSpaceOnUse">
<path d="M122.951 425.757H403.8v-54.633H122.951Z" />
</clipPath>
<clipPath id="n" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="o" clipPathUnits="userSpaceOnUse">
<path
d="M418.32 1041.5c-55.666 9.521-178.298-12.183-200.004-105.017-14.431-61.722-14.006-112.075-50.427-113.019-21.67-.562-32.97 44.309-62.889 48-39.047 4.817-66.146-27.695-83.058-57.138-37.205-64.772-25.57-174.918 23.354-228.632 118.488-130.085 259.198 5.952 319.358 112.309 38.585 68.214 125.638 123.352 143.767 200.249 15.179 64.375-18.502 131.002-90.101 143.248"
/>
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(590.98492 -590.98492) rotate(-30 1.224 .4)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".553" stop-opacity="1" stop-color="#fff" />
<stop offset=".629" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(590.98492 -590.98492) rotate(-30 1.224 .4)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".553" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset=".629" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset="1" stop-opacity="1" stop-color="#d2f3e4" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 0 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".998" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 0 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdbed" />
<stop offset=".998" stop-opacity="1" stop-color="#ffdbed" />
<stop offset="1" stop-opacity="1" stop-color="#ffdbed" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(595.18983 -595.18983) rotate(-30 -2.008 -.567)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset=".553" stop-opacity="1" stop-color="#fff" />
<stop offset=".629" stop-opacity="1" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="q"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(595.18983 -595.18983) rotate(-30 -2.008 -.567)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#dcfdee" />
<stop offset=".553" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset=".629" stop-opacity="1" stop-color="#d2f3e4" />
<stop offset="1" stop-opacity="1" stop-color="#d2f3e4" />
</linearGradient>
<mask
id="f"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
<mask
id="i"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
<mask
id="p"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#c)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#e)">
<g mask="url(#f)">
<path
d="M451.798-63.963c-160.556 97.869-410.51 8.611-439.593-61.949-38.908-94.393 26.578-110.527 38.742-187.874 9.761-62.06-51.181-121.494-16.394-176.282 37.883-59.662 163.466-44.681 211.197-16.447 87.376 51.682 43.31 112.012 84.685 187.299 39.407 71.707 116.243 42.625 160.961 99.99 42.5 54.521 14.311 122.402-39.598 155.263"
fill="url(#g)"
stroke="none"
/>
</g>
</g>
</g>
<g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#i)">
<path
d="M20.337 378.489c-23.968-39.4-26.493-107.614-8.937-150.258 15.378-37.351 45.966-72.409 86.12-76.8 6.574-.72 13.213-.596 19.846-.471 8.264.155 16.518.309 24.625-1.167 50.257-9.152 68.952-71.09 108.01-104.014 27.183-22.913 64.899-31.021 100.175-26.607 35.276 4.414 68.302 20.363 97.376 40.824 22.957 16.157 44.436 36.021 55.763 61.707 23.745 53.839-4.19 118.502-47.587 158.239-13.517 12.377-28.582 23.294-39.875 37.728-11.293 14.434-18.48 33.695-13.099 51.214 4.293 13.977 15.849 24.813 20.227 38.764 5.958 18.984-3.034 40.279-17.801 53.615-14.768 13.335-34.309 20.039-53.667 24.641-20.696 4.919-47.688 8.079-77.612 8.079-87.336.001-199.674-26.908-253.564-115.494"
fill="url(#j)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#k)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#l)" opacity=".2">
<path
d="M0 0h-380.48c-5.523 0-10 4.477-10 10v256.837c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(446.24 68.243)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#m)" opacity=".2">
<path
d="m0 0 193.005 3.442a10.001 10.001 0 0 1 9.822 9.999v7.571a10 10 0 0 1-9.822 9.998L0 34.453a100.555 100.555 0 0 0-40.424 9.283 8.657 8.657 0 0 1-7.298.001L-72.25 32.295a10.001 10.001 0 0 1-5.772-9.063V11.221c0-3.886 2.251-7.42 5.772-9.063l24.528-11.442a8.657 8.657 0 0 1 7.298.001A100.572 100.572 0 0 0 0 0"
transform="translate(200.973 381.214)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0h-380.48c-5.523 0-10 4.477-10 10v256.837c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(446.24 88.243)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-343.964v199.488H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(399.724 126.918)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-239.909v199.488H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(399.724 126.918)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v182.08c0 5.523-4.477 10-10 10h-380.48c-5.523 0-10-4.477-10-10V-74.757c0-5.523 4.477-10 10-10H-10c5.523 0 10 4.477 10 10V-34"
transform="translate(456.24 173)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h343.964a5 5 0 0 1 5 5v189.489a5 5 0 0 1-5 5H34"
transform="translate(55.76 126.918)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-10.652-8.635-19.288-19.288-19.288-10.652 0-19.288 8.636-19.288 19.288 0 10.652 8.636 19.288 19.288 19.288C-8.635 19.288 0 10.652 0 0"
transform="translate(130.635 229.162)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a3.764 3.764 0 1 0-7.527 0A3.764 3.764 0 0 0 0 0"
transform="translate(90.526 253.398)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a3.764 3.764 0 1 0-7.527 0A3.764 3.764 0 0 0 0 0"
transform="translate(139.695 253.398)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a3.764 3.764 0 1 0-7.527 0A3.764 3.764 0 0 0 0 0"
transform="translate(90.526 204.925)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a3.764 3.764 0 1 0-7.527 0A3.764 3.764 0 0 0 0 0"
transform="translate(139.695 204.925)"
fill="#97ffd2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14a5 5 0 0 0-5 5v5.667a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(118.347 266.829)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14a5 5 0 0 0-5 5v5.667a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(118.347 289.829)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14a5 5 0 0 0-5 5v5.667a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(118.347 152.829)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14a5 5 0 0 0-5 5v5.667a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(118.347 175.829)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v5.5a5 5 0 0 0 5 5h5.5a5 5 0 0 0 0-10H5V5a5 5 0 0 0-5-5"
transform="translate(183.75 293.828)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v.5h-.5a5 5 0 0 0 0 10H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(374 293.828)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5.5a5 5 0 0 0 0 10h.5v.5a5 5 0 0 0 10 0V5a5 5 0 0 0-5-5"
transform="translate(374 148.995)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5.5a5 5 0 0 0-5 5v5.5a5 5 0 0 0 10 0V10H0A5 5 0 0 0 0 0"
transform="translate(189.25 148.995)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v16.621a5 5 0 0 0 10 0V5a5 5 0 0 0-5-5"
transform="translate(427.834 213.351)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 193.005 3.442a10.001 10.001 0 0 1 9.822 9.999v7.571a10 10 0 0 1-9.822 9.998L0 34.453a100.555 100.555 0 0 0-40.424 9.283 8.657 8.657 0 0 1-7.298.001L-72.25 32.295a10.001 10.001 0 0 1-5.772-9.063V11.221c0-3.886 2.251-7.42 5.772-9.063l24.528-11.442a8.657 8.657 0 0 1 7.298.001A100.572 100.572 0 0 0 0 0"
transform="translate(200.973 401.214)"
fill="#6583fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a97.4 97.4 0 0 1 8.72-.54l43.23-.77v-11.46a5 5 0 0 0-5-5H5a5 5 0 0 0-5 5z"
transform="translate(192.25 436.21)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 125.445 2.237c5.452.098 9.822 4.546 9.822 9.999v7.571a10 10 0 0 1-9.822 9.998L0 32.043Z"
transform="translate(268.533 402.419)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 12.278.219a10 10 0 0 1 9.822 9.998v7.571c0 5.454-4.37 9.901-9.822 9.999L0 28.006Z"
transform="translate(381.7 404.438)"
fill="#4369fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 193.005 3.442a10.001 10.001 0 0 1 9.822 9.999v7.571a10 10 0 0 1-9.822 9.998L0 34.453a100.555 100.555 0 0 0-40.424 9.283 8.657 8.657 0 0 1-7.298.001L-72.25 32.295a10.001 10.001 0 0 1-5.772-9.063V11.221c0-3.886 2.251-7.42 5.772-9.063l24.528-11.442a8.657 8.657 0 0 1 7.298.001A100.572 100.572 0 0 0 0 0Z"
transform="translate(200.973 401.214)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v53.021"
transform="translate(153.251 391.93)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-14.751"
transform="translate(122.951 418.44)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-11.46a5 5 0 0 0-5-5h-41.95a5 5 0 0 0-5 5V1.31"
transform="translate(244.2 434.9)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v13.721"
transform="translate(213.2 420.74)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(438.834 443.443)"
fill="none"
stroke="#01eca5"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(284 62)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11 6.075 0 11-4.925 11-11 0 6.075 4.925 11 11 11C4.925-11 0-6.075 0 0Z"
transform="translate(67 418.44)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(353.5 56)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10-10"
transform="translate(404.724 472)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#n)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#o)">
<g mask="url(#p)">
<path
d="M418.32 1041.5c-55.666 9.521-178.298-12.183-200.004-105.017-14.431-61.722-14.006-112.075-50.427-113.019-21.67-.562-32.97 44.309-62.889 48-39.047 4.817-66.146-27.695-83.058-57.138-37.205-64.772-25.57-174.918 23.354-228.632 118.488-130.085 259.198 5.952 319.358 112.309 38.585 68.214 125.638 123.352 143.767 200.249 15.179 64.375-18.502 131.002-90.101 143.248"
fill="url(#q)"
stroke="none"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category