hand draw icon

hand-draw-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.

Name
hand-draw-16-filled
Set
Fluent UI System Icons
Style
16 Filled
Viewbox
16×16
License
MIT

10 other variants in Fluent UI System Icons

hand-draw-16-regularhand-draw-20-filledhand-draw-20-regularhand-draw-24-filledhand-draw-24-regularhand-draw-28-filledhand-draw-28-regularhand-draw-32-filledhand-draw-32-lighthand-draw-32-regular

The same icon in other sets

hand-drawFramework7 Icons

Related icons in Fluent UI System Icons

hand-left-16-filledhand-left-chat-16-filledhand-multiple-16-filledhand-multiple-stack-20-filledhand-open-heart-20-filledhand-point-16-filledhand-right-16-filledhand-right-off-16-filledhand-wave-16-filled

Use the hand draw icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13.204 1.465c.38.167.796.483.796 1.035c0 .538-.39.857-.76 1.031c-.375.175-.87.276-1.399.34C10.781 4 9.381 4 8.026 4H8c-1.386 0-2.727 0-3.721.121q-.753.093-1.095.254a.5.5 0 0 0-.178.117l-.003.004c.012.026.075.13.375.252C3.736 4.895 4.29 5 5 5v1c-.791 0-1.486-.114-2.003-.327C2.526 5.48 2 5.11 2 4.5c0-.538.39-.857.76-1.031c.375-.175.87-.276 1.399-.34C5.219 3 6.619 3 7.974 3H8c1.386 0 2.727 0 3.721-.121q.753-.093 1.095-.254a.5.5 0 0 0 .178-.117l.004-.004l-.002-.002a.6.6 0 0 0-.197-.123q-.37-.164-1.178-.257C10.555 2 9.107 2 7.577 2a.5.5 0 0 1 0-1h.025c1.5 0 3.003 0 4.132.128c.563.064 1.08.164 1.47.337M5.999 6.5a1.5 1.5 0 1 1 3 0v1.57l1.375.21a2.5 2.5 0 0 1 2.05 3.076l-.553 2.218a1.5 1.5 0 0 1-1.23 1.12l-1.9.29c-.608.091-1.173-.197-1.522-.618c-.297-.358-.757-.818-1.349-1.136l-.043-.026l-2.46-1.663a.83.83 0 0 1-.343-.874a1.817 1.817 0 0 1 2.635-1.19l.34.185z"/></svg>

React

import type { SVGProps } from "react";

export function FluentHandDraw16Filled(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="M13.204 1.465c.38.167.796.483.796 1.035c0 .538-.39.857-.76 1.031c-.375.175-.87.276-1.399.34C10.781 4 9.381 4 8.026 4H8c-1.386 0-2.727 0-3.721.121q-.753.093-1.095.254a.5.5 0 0 0-.178.117l-.003.004c.012.026.075.13.375.252C3.736 4.895 4.29 5 5 5v1c-.791 0-1.486-.114-2.003-.327C2.526 5.48 2 5.11 2 4.5c0-.538.39-.857.76-1.031c.375-.175.87-.276 1.399-.34C5.219 3 6.619 3 7.974 3H8c1.386 0 2.727 0 3.721-.121q.753-.093 1.095-.254a.5.5 0 0 0 .178-.117l.004-.004l-.002-.002a.6.6 0 0 0-.197-.123q-.37-.164-1.178-.257C10.555 2 9.107 2 7.577 2a.5.5 0 0 1 0-1h.025c1.5 0 3.003 0 4.132.128c.563.064 1.08.164 1.47.337M5.999 6.5a1.5 1.5 0 1 1 3 0v1.57l1.375.21a2.5 2.5 0 0 1 2.05 3.076l-.553 2.218a1.5 1.5 0 0 1-1.23 1.12l-1.9.29c-.608.091-1.173-.197-1.522-.618c-.297-.358-.757-.818-1.349-1.136l-.043-.026l-2.46-1.663a.83.83 0 0 1-.343-.874a1.817 1.817 0 0 1 2.635-1.19l.34.185z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13.204 1.465c.38.167.796.483.796 1.035c0 .538-.39.857-.76 1.031c-.375.175-.87.276-1.399.34C10.781 4 9.381 4 8.026 4H8c-1.386 0-2.727 0-3.721.121q-.753.093-1.095.254a.5.5 0 0 0-.178.117l-.003.004c.012.026.075.13.375.252C3.736 4.895 4.29 5 5 5v1c-.791 0-1.486-.114-2.003-.327C2.526 5.48 2 5.11 2 4.5c0-.538.39-.857.76-1.031c.375-.175.87-.276 1.399-.34C5.219 3 6.619 3 7.974 3H8c1.386 0 2.727 0 3.721-.121q.753-.093 1.095-.254a.5.5 0 0 0 .178-.117l.004-.004l-.002-.002a.6.6 0 0 0-.197-.123q-.37-.164-1.178-.257C10.555 2 9.107 2 7.577 2a.5.5 0 0 1 0-1h.025c1.5 0 3.003 0 4.132.128c.563.064 1.08.164 1.47.337M5.999 6.5a1.5 1.5 0 1 1 3 0v1.57l1.375.21a2.5 2.5 0 0 1 2.05 3.076l-.553 2.218a1.5 1.5 0 0 1-1.23 1.12l-1.9.29c-.608.091-1.173-.197-1.522-.618c-.297-.358-.757-.818-1.349-1.136l-.043-.026l-2.46-1.663a.83.83 0 0 1-.343-.874a1.817 1.817 0 0 1 2.635-1.19l.34.185z"/></svg>
</template>

CSS

.icon-hand-draw-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%22M13.204%201.465c.38.167.796.483.796%201.035c0%20.538-.39.857-.76%201.031c-.375.175-.87.276-1.399.34C10.781%204%209.381%204%208.026%204H8c-1.386%200-2.727%200-3.721.121q-.753.093-1.095.254a.5.5%200%200%200-.178.117l-.003.004c.012.026.075.13.375.252C3.736%204.895%204.29%205%205%205v1c-.791%200-1.486-.114-2.003-.327C2.526%205.48%202%205.11%202%204.5c0-.538.39-.857.76-1.031c.375-.175.87-.276%201.399-.34C5.219%203%206.619%203%207.974%203H8c1.386%200%202.727%200%203.721-.121q.753-.093%201.095-.254a.5.5%200%200%200%20.178-.117l.004-.004l-.002-.002a.6.6%200%200%200-.197-.123q-.37-.164-1.178-.257C10.555%202%209.107%202%207.577%202a.5.5%200%200%201%200-1h.025c1.5%200%203.003%200%204.132.128c.563.064%201.08.164%201.47.337M5.999%206.5a1.5%201.5%200%201%201%203%200v1.57l1.375.21a2.5%202.5%200%200%201%202.05%203.076l-.553%202.218a1.5%201.5%200%200%201-1.23%201.12l-1.9.29c-.608.091-1.173-.197-1.522-.618c-.297-.358-.757-.818-1.349-1.136l-.043-.026l-2.46-1.663a.83.83%200%200%201-.343-.874a1.817%201.817%200%200%201%202.635-1.19l.34.185z%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%22M13.204%201.465c.38.167.796.483.796%201.035c0%20.538-.39.857-.76%201.031c-.375.175-.87.276-1.399.34C10.781%204%209.381%204%208.026%204H8c-1.386%200-2.727%200-3.721.121q-.753.093-1.095.254a.5.5%200%200%200-.178.117l-.003.004c.012.026.075.13.375.252C3.736%204.895%204.29%205%205%205v1c-.791%200-1.486-.114-2.003-.327C2.526%205.48%202%205.11%202%204.5c0-.538.39-.857.76-1.031c.375-.175.87-.276%201.399-.34C5.219%203%206.619%203%207.974%203H8c1.386%200%202.727%200%203.721-.121q.753-.093%201.095-.254a.5.5%200%200%200%20.178-.117l.004-.004l-.002-.002a.6.6%200%200%200-.197-.123q-.37-.164-1.178-.257C10.555%202%209.107%202%207.577%202a.5.5%200%200%201%200-1h.025c1.5%200%203.003%200%204.132.128c.563.064%201.08.164%201.47.337M5.999%206.5a1.5%201.5%200%201%201%203%200v1.57l1.375.21a2.5%202.5%200%200%201%202.05%203.076l-.553%202.218a1.5%201.5%200%200%201-1.23%201.12l-1.9.29c-.608.091-1.173-.197-1.522-.618c-.297-.358-.757-.818-1.349-1.136l-.043-.026l-2.46-1.663a.83.83%200%200%201-.343-.874a1.817%201.817%200%200%201%202.635-1.19l.34.185z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/hand-draw-16-filled.svg?color=%231a73e8&size=48