ballpen icon

ballpen-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.

Name: ballpen-filled
Set: Tabler Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in Tabler Icons

Related icons in Tabler Icons

Use the ballpen icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.828 2a3 3 0 0 1 1.977.743l.145.136l1.171 1.17a3 3 0 0 1 .136 4.1l-.136.144L19.415 10l2.292 2.293a1 1 0 0 1 .083 1.32l-.083.094l-4 4a1 1 0 0 1-1.497-1.32l.083-.094L19.585 13l-1.586-1.585l-7.464 7.464a3.83 3.83 0 0 1-2.474 1.114l-.233.008c-.674 0-1.33-.178-1.905-.508l-1.216 1.214a1 1 0 0 1-1.497-1.32l.083-.094l1.214-1.216a3.83 3.83 0 0 1 .454-4.442l.16-.17L15.707 2.879a3 3 0 0 1 1.923-.873zm0 2a1 1 0 0 0-.608.206l-.099.087L15.414 6L18 8.585l1.707-1.706a1 1 0 0 0 .284-.576l.01-.131a1 1 0 0 0-.207-.609l-.087-.099l-1.171-1.171A1 1 0 0 0 17.828 4"/></svg>

React

import type { SVGProps } from "react";

export function TablerBallpenFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.828 2a3 3 0 0 1 1.977.743l.145.136l1.171 1.17a3 3 0 0 1 .136 4.1l-.136.144L19.415 10l2.292 2.293a1 1 0 0 1 .083 1.32l-.083.094l-4 4a1 1 0 0 1-1.497-1.32l.083-.094L19.585 13l-1.586-1.585l-7.464 7.464a3.83 3.83 0 0 1-2.474 1.114l-.233.008c-.674 0-1.33-.178-1.905-.508l-1.216 1.214a1 1 0 0 1-1.497-1.32l.083-.094l1.214-1.216a3.83 3.83 0 0 1 .454-4.442l.16-.17L15.707 2.879a3 3 0 0 1 1.923-.873zm0 2a1 1 0 0 0-.608.206l-.099.087L15.414 6L18 8.585l1.707-1.706a1 1 0 0 0 .284-.576l.01-.131a1 1 0 0 0-.207-.609l-.087-.099l-1.171-1.171A1 1 0 0 0 17.828 4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.828 2a3 3 0 0 1 1.977.743l.145.136l1.171 1.17a3 3 0 0 1 .136 4.1l-.136.144L19.415 10l2.292 2.293a1 1 0 0 1 .083 1.32l-.083.094l-4 4a1 1 0 0 1-1.497-1.32l.083-.094L19.585 13l-1.586-1.585l-7.464 7.464a3.83 3.83 0 0 1-2.474 1.114l-.233.008c-.674 0-1.33-.178-1.905-.508l-1.216 1.214a1 1 0 0 1-1.497-1.32l.083-.094l1.214-1.216a3.83 3.83 0 0 1 .454-4.442l.16-.17L15.707 2.879a3 3 0 0 1 1.923-.873zm0 2a1 1 0 0 0-.608.206l-.099.087L15.414 6L18 8.585l1.707-1.706a1 1 0 0 0 .284-.576l.01-.131a1 1 0 0 0-.207-.609l-.087-.099l-1.171-1.171A1 1 0 0 0 17.828 4"/></svg>
</template>

CSS

.icon-ballpen-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.828%202a3%203%200%200%201%201.977.743l.145.136l1.171%201.17a3%203%200%200%201%20.136%204.1l-.136.144L19.415%2010l2.292%202.293a1%201%200%200%201%20.083%201.32l-.083.094l-4%204a1%201%200%200%201-1.497-1.32l.083-.094L19.585%2013l-1.586-1.585l-7.464%207.464a3.83%203.83%200%200%201-2.474%201.114l-.233.008c-.674%200-1.33-.178-1.905-.508l-1.216%201.214a1%201%200%200%201-1.497-1.32l.083-.094l1.214-1.216a3.83%203.83%200%200%201%20.454-4.442l.16-.17L15.707%202.879a3%203%200%200%201%201.923-.873zm0%202a1%201%200%200%200-.608.206l-.099.087L15.414%206L18%208.585l1.707-1.706a1%201%200%200%200%20.284-.576l.01-.131a1%201%200%200%200-.207-.609l-.087-.099l-1.171-1.171A1%201%200%200%200%2017.828%204%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.828%202a3%203%200%200%201%201.977.743l.145.136l1.171%201.17a3%203%200%200%201%20.136%204.1l-.136.144L19.415%2010l2.292%202.293a1%201%200%200%201%20.083%201.32l-.083.094l-4%204a1%201%200%200%201-1.497-1.32l.083-.094L19.585%2013l-1.586-1.585l-7.464%207.464a3.83%203.83%200%200%201-2.474%201.114l-.233.008c-.674%200-1.33-.178-1.905-.508l-1.216%201.214a1%201%200%200%201-1.497-1.32l.083-.094l1.214-1.216a3.83%203.83%200%200%201%20.454-4.442l.16-.17L15.707%202.879a3%203%200%200%201%201.923-.873zm0%202a1%201%200%200%200-.608.206l-.099.087L15.414%206L18%208.585l1.707-1.706a1%201%200%200%200%20.284-.576l.01-.131a1%201%200%200%200-.207-.609l-.087-.099l-1.171-1.171A1%201%200%200%200%2017.828%204%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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