inking tool icon

inking-tool-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.

Name
inking-tool-32-regular
Set
Fluent UI System Icons
Style
32 Regular
Viewbox
32×32
License
MIT

7 other variants in Fluent UI System Icons

inking-tool-16-filledinking-tool-16-regularinking-tool-20-filledinking-tool-20-regularinking-tool-24-filledinking-tool-24-regularinking-tool-32-filled

Related icons in Fluent UI System Icons

inking-tool-accent-16-filled

Use the inking tool icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.018 2.951a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h.461l6.555 12.952a2 2 0 0 0 1.11.98v.006a18 18 0 0 0-.128 1.959c0 .86.193 1.822.624 2.606c.429.78 1.196 1.535 2.344 1.549h.032c1.148-.014 1.915-.768 2.344-1.549c.431-.784.624-1.746.624-2.606a18 18 0 0 0-.128-1.967a2 2 0 0 0 1.104-.977L26.52 9.95h.498a3 3 0 0 0 3-3v-4a1 1 0 1 0-2 0v4a1 1 0 0 1-1 1h-22a1 1 0 0 1-1-1zM16.855 24l.015.125c.066.555.114 1.19.114 1.723c0 .6-.14 1.214-.377 1.643c-.226.412-.442.506-.607.512c-.165-.006-.381-.1-.607-.512c-.236-.429-.377-1.044-.377-1.643c0-.533.048-1.168.114-1.723l.015-.125zM24.28 9.95L18.176 22h-4.358L7.721 9.95z"/></svg>

React

import type { SVGProps } from "react";

export function FluentInkingTool32Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.018 2.951a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h.461l6.555 12.952a2 2 0 0 0 1.11.98v.006a18 18 0 0 0-.128 1.959c0 .86.193 1.822.624 2.606c.429.78 1.196 1.535 2.344 1.549h.032c1.148-.014 1.915-.768 2.344-1.549c.431-.784.624-1.746.624-2.606a18 18 0 0 0-.128-1.967a2 2 0 0 0 1.104-.977L26.52 9.95h.498a3 3 0 0 0 3-3v-4a1 1 0 1 0-2 0v4a1 1 0 0 1-1 1h-22a1 1 0 0 1-1-1zM16.855 24l.015.125c.066.555.114 1.19.114 1.723c0 .6-.14 1.214-.377 1.643c-.226.412-.442.506-.607.512c-.165-.006-.381-.1-.607-.512c-.236-.429-.377-1.044-.377-1.643c0-.533.048-1.168.114-1.723l.015-.125zM24.28 9.95L18.176 22h-4.358L7.721 9.95z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.018 2.951a1 1 0 0 0-2 0v4a3 3 0 0 0 3 3h.461l6.555 12.952a2 2 0 0 0 1.11.98v.006a18 18 0 0 0-.128 1.959c0 .86.193 1.822.624 2.606c.429.78 1.196 1.535 2.344 1.549h.032c1.148-.014 1.915-.768 2.344-1.549c.431-.784.624-1.746.624-2.606a18 18 0 0 0-.128-1.967a2 2 0 0 0 1.104-.977L26.52 9.95h.498a3 3 0 0 0 3-3v-4a1 1 0 1 0-2 0v4a1 1 0 0 1-1 1h-22a1 1 0 0 1-1-1zM16.855 24l.015.125c.066.555.114 1.19.114 1.723c0 .6-.14 1.214-.377 1.643c-.226.412-.442.506-.607.512c-.165-.006-.381-.1-.607-.512c-.236-.429-.377-1.044-.377-1.643c0-.533.048-1.168.114-1.723l.015-.125zM24.28 9.95L18.176 22h-4.358L7.721 9.95z"/></svg>
</template>

CSS

.icon-inking-tool-32-regular {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.018%202.951a1%201%200%200%200-2%200v4a3%203%200%200%200%203%203h.461l6.555%2012.952a2%202%200%200%200%201.11.98v.006a18%2018%200%200%200-.128%201.959c0%20.86.193%201.822.624%202.606c.429.78%201.196%201.535%202.344%201.549h.032c1.148-.014%201.915-.768%202.344-1.549c.431-.784.624-1.746.624-2.606a18%2018%200%200%200-.128-1.967a2%202%200%200%200%201.104-.977L26.52%209.95h.498a3%203%200%200%200%203-3v-4a1%201%200%201%200-2%200v4a1%201%200%200%201-1%201h-22a1%201%200%200%201-1-1zM16.855%2024l.015.125c.066.555.114%201.19.114%201.723c0%20.6-.14%201.214-.377%201.643c-.226.412-.442.506-.607.512c-.165-.006-.381-.1-.607-.512c-.236-.429-.377-1.044-.377-1.643c0-.533.048-1.168.114-1.723l.015-.125zM24.28%209.95L18.176%2022h-4.358L7.721%209.95z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.018%202.951a1%201%200%200%200-2%200v4a3%203%200%200%200%203%203h.461l6.555%2012.952a2%202%200%200%200%201.11.98v.006a18%2018%200%200%200-.128%201.959c0%20.86.193%201.822.624%202.606c.429.78%201.196%201.535%202.344%201.549h.032c1.148-.014%201.915-.768%202.344-1.549c.431-.784.624-1.746.624-2.606a18%2018%200%200%200-.128-1.967a2%202%200%200%200%201.104-.977L26.52%209.95h.498a3%203%200%200%200%203-3v-4a1%201%200%201%200-2%200v4a1%201%200%200%201-1%201h-22a1%201%200%200%201-1-1zM16.855%2024l.015.125c.066.555.114%201.19.114%201.723c0%20.6-.14%201.214-.377%201.643c-.226.412-.442.506-.607.512c-.165-.006-.381-.1-.607-.512c-.236-.429-.377-1.044-.377-1.643c0-.533.048-1.168.114-1.723l.015-.125zM24.28%209.95L18.176%2022h-4.358L7.721%209.95z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/inking-tool-32-regular.svg?color=%231a73e8&size=48