ruler pen icon
ruler-pen-filled from Reicon by REICON · Filled · Tools · MIT Free for personal and commercial use.
- Name
- ruler-pen-filled
- Set
- Reicon
- Style
- Filled
- Category
- Tools
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More tools icons from Reicon
Use the ruler pen icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.045 5.492l1.447-1.447C6.855 2.682 7.537 2 8.384 2s1.53.682 2.893 2.045l-2.41 2.41l-4.822 4.822C2.682 9.913 2 9.23 2 8.384s.682-1.529 2.045-2.892m15.91 13.016l-1.447 1.447C17.145 21.318 16.463 22 15.616 22c-.848 0-1.53-.682-2.893-2.045l4.821-4.821l2.41-2.41C21.319 14.086 22 14.767 22 15.615s-.682 1.529-2.045 2.892m-8.555-.346l7.396-7.396a10.3 10.3 0 0 1-3.326-2.234a10.3 10.3 0 0 1-2.235-3.327L5.839 12.6c-.577.577-.866.866-1.114 1.184a6.6 6.6 0 0 0-.749 1.211c-.173.364-.302.752-.56 1.526l-1.362 4.083a1.06 1.06 0 0 0 1.342 1.342l4.083-1.362c.775-.258 1.162-.387 1.526-.56q.647-.308 1.211-.749c.318-.248.607-.537 1.184-1.114m9.448-9.448a3.932 3.932 0 0 0-5.561-5.561l-.887.887l.038.111a8.75 8.75 0 0 0 2.092 3.32a8.75 8.75 0 0 0 3.431 2.13z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconRulerPenFilled(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="m4.045 5.492l1.447-1.447C6.855 2.682 7.537 2 8.384 2s1.53.682 2.893 2.045l-2.41 2.41l-4.822 4.822C2.682 9.913 2 9.23 2 8.384s.682-1.529 2.045-2.892m15.91 13.016l-1.447 1.447C17.145 21.318 16.463 22 15.616 22c-.848 0-1.53-.682-2.893-2.045l4.821-4.821l2.41-2.41C21.319 14.086 22 14.767 22 15.615s-.682 1.529-2.045 2.892m-8.555-.346l7.396-7.396a10.3 10.3 0 0 1-3.326-2.234a10.3 10.3 0 0 1-2.235-3.327L5.839 12.6c-.577.577-.866.866-1.114 1.184a6.6 6.6 0 0 0-.749 1.211c-.173.364-.302.752-.56 1.526l-1.362 4.083a1.06 1.06 0 0 0 1.342 1.342l4.083-1.362c.775-.258 1.162-.387 1.526-.56q.647-.308 1.211-.749c.318-.248.607-.537 1.184-1.114m9.448-9.448a3.932 3.932 0 0 0-5.561-5.561l-.887.887l.038.111a8.75 8.75 0 0 0 2.092 3.32a8.75 8.75 0 0 0 3.431 2.13z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m4.045 5.492l1.447-1.447C6.855 2.682 7.537 2 8.384 2s1.53.682 2.893 2.045l-2.41 2.41l-4.822 4.822C2.682 9.913 2 9.23 2 8.384s.682-1.529 2.045-2.892m15.91 13.016l-1.447 1.447C17.145 21.318 16.463 22 15.616 22c-.848 0-1.53-.682-2.893-2.045l4.821-4.821l2.41-2.41C21.319 14.086 22 14.767 22 15.615s-.682 1.529-2.045 2.892m-8.555-.346l7.396-7.396a10.3 10.3 0 0 1-3.326-2.234a10.3 10.3 0 0 1-2.235-3.327L5.839 12.6c-.577.577-.866.866-1.114 1.184a6.6 6.6 0 0 0-.749 1.211c-.173.364-.302.752-.56 1.526l-1.362 4.083a1.06 1.06 0 0 0 1.342 1.342l4.083-1.362c.775-.258 1.162-.387 1.526-.56q.647-.308 1.211-.749c.318-.248.607-.537 1.184-1.114m9.448-9.448a3.932 3.932 0 0 0-5.561-5.561l-.887.887l.038.111a8.75 8.75 0 0 0 2.092 3.32a8.75 8.75 0 0 0 3.431 2.13z"/></svg> </template>
CSS
.icon-ruler-pen-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%22m4.045%205.492l1.447-1.447C6.855%202.682%207.537%202%208.384%202s1.53.682%202.893%202.045l-2.41%202.41l-4.822%204.822C2.682%209.913%202%209.23%202%208.384s.682-1.529%202.045-2.892m15.91%2013.016l-1.447%201.447C17.145%2021.318%2016.463%2022%2015.616%2022c-.848%200-1.53-.682-2.893-2.045l4.821-4.821l2.41-2.41C21.319%2014.086%2022%2014.767%2022%2015.615s-.682%201.529-2.045%202.892m-8.555-.346l7.396-7.396a10.3%2010.3%200%200%201-3.326-2.234a10.3%2010.3%200%200%201-2.235-3.327L5.839%2012.6c-.577.577-.866.866-1.114%201.184a6.6%206.6%200%200%200-.749%201.211c-.173.364-.302.752-.56%201.526l-1.362%204.083a1.06%201.06%200%200%200%201.342%201.342l4.083-1.362c.775-.258%201.162-.387%201.526-.56q.647-.308%201.211-.749c.318-.248.607-.537%201.184-1.114m9.448-9.448a3.932%203.932%200%200%200-5.561-5.561l-.887.887l.038.111a8.75%208.75%200%200%200%202.092%203.32a8.75%208.75%200%200%200%203.431%202.13z%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%22m4.045%205.492l1.447-1.447C6.855%202.682%207.537%202%208.384%202s1.53.682%202.893%202.045l-2.41%202.41l-4.822%204.822C2.682%209.913%202%209.23%202%208.384s.682-1.529%202.045-2.892m15.91%2013.016l-1.447%201.447C17.145%2021.318%2016.463%2022%2015.616%2022c-.848%200-1.53-.682-2.893-2.045l4.821-4.821l2.41-2.41C21.319%2014.086%2022%2014.767%2022%2015.615s-.682%201.529-2.045%202.892m-8.555-.346l7.396-7.396a10.3%2010.3%200%200%201-3.326-2.234a10.3%2010.3%200%200%201-2.235-3.327L5.839%2012.6c-.577.577-.866.866-1.114%201.184a6.6%206.6%200%200%200-.749%201.211c-.173.364-.302.752-.56%201.526l-1.362%204.083a1.06%201.06%200%200%200%201.342%201.342l4.083-1.362c.775-.258%201.162-.387%201.526-.56q.647-.308%201.211-.749c.318-.248.607-.537%201.184-1.114m9.448-9.448a3.932%203.932%200%200%200-5.561-5.561l-.887.887l.038.111a8.75%208.75%200%200%200%202.092%203.32a8.75%208.75%200%200%200%203.431%202.13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/ruler-pen-filled.svg?color=%231a73e8&size=48
