ruler pen icon
ruler-pen from Reicon by REICON · Outline · Tools · MIT Free for personal and commercial use.
- Name
- ruler-pen
- Set
- Reicon
- Style
- Outline
- 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" fill-rule="evenodd" d="M7.587 3.108c-.398.303-.868.77-1.565 1.468L4.576 6.022c-.697.697-1.165 1.167-1.468 1.565c-.29.38-.358.604-.358.797s.068.418.358.798c.303.397.77.868 1.468 1.564a.75.75 0 0 1-1.06 1.061l-.038-.037c-.65-.65-1.191-1.191-1.563-1.678c-.392-.514-.665-1.054-.665-1.708s.273-1.194.665-1.707c.372-.487.913-1.028 1.563-1.679l.037-.037l1.446-1.446l.037-.037c.65-.65 1.192-1.191 1.679-1.563c.513-.392 1.054-.665 1.707-.665c.654 0 1.194.273 1.708.665c.487.372 1.028.913 1.678 1.563l.037.037a.75.75 0 0 1 0 1.06l-2.41 2.411a.75.75 0 1 1-1.061-1.06l1.879-1.88c-.42-.414-.746-.72-1.033-.938c-.38-.29-.604-.358-.798-.358c-.193 0-.417.068-.797.358m12.368 8.865c.199 0 .39.08.53.22l.037.037c.65.65 1.191 1.191 1.563 1.678c.392.514.665 1.054.665 1.708s-.273 1.194-.665 1.707c-.372.487-.913 1.028-1.563 1.679l-1.52 1.52c-.65.65-1.192 1.191-1.679 1.563c-.513.392-1.054.665-1.707.665c-.654 0-1.194-.273-1.708-.665c-.487-.372-1.028-.913-1.678-1.563l-.037-.037a.75.75 0 0 1 1.06-1.06c.697.696 1.168 1.164 1.565 1.467c.38.29.604.358.798.358s.417-.068.797-.358c.398-.303.868-.77 1.565-1.468l1.446-1.446c.697-.697 1.165-1.167 1.468-1.565c.29-.38.358-.604.358-.797s-.068-.418-.358-.798c-.219-.287-.523-.612-.939-1.033l-1.878 1.879a.75.75 0 0 1-1.061-1.06l2.41-2.411a.75.75 0 0 1 .53-.22m-5.197-9.352a4.682 4.682 0 0 1 6.622 6.622l-9.486 9.486c-.542.542-.86.86-1.216 1.137q-.628.492-1.35.835c-.406.193-.834.336-1.56.578l-3.332 1.11l-.802.268a1.81 1.81 0 0 1-2.29-2.29l1.378-4.133c.242-.727.385-1.155.578-1.562q.344-.72.835-1.35c.276-.354.595-.673 1.137-1.215zm5.56 1.061a3.18 3.18 0 0 0-4.5 0l-.662.662c.035.175.092.413.189.69a5.86 5.86 0 0 0 1.4 2.222a5.86 5.86 0 0 0 2.221 1.4c.278.097.516.154.691.189l.662-.662a3.18 3.18 0 0 0 0-4.5m-1.878 6.38a7.36 7.36 0 0 1-2.755-1.745a7.36 7.36 0 0 1-1.745-2.756l-7.57 7.57c-.59.589-.84.84-1.053 1.114q-.39.5-.663 1.073c-.149.313-.262.649-.526 1.44L3.18 19.6l1.22 1.22l2.842-.947c.791-.264 1.127-.377 1.44-.526q.572-.274 1.073-.663c.273-.214.525-.463 1.115-1.053z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconRulerPen(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" fillRule="evenodd" d="M7.587 3.108c-.398.303-.868.77-1.565 1.468L4.576 6.022c-.697.697-1.165 1.167-1.468 1.565c-.29.38-.358.604-.358.797s.068.418.358.798c.303.397.77.868 1.468 1.564a.75.75 0 0 1-1.06 1.061l-.038-.037c-.65-.65-1.191-1.191-1.563-1.678c-.392-.514-.665-1.054-.665-1.708s.273-1.194.665-1.707c.372-.487.913-1.028 1.563-1.679l.037-.037l1.446-1.446l.037-.037c.65-.65 1.192-1.191 1.679-1.563c.513-.392 1.054-.665 1.707-.665c.654 0 1.194.273 1.708.665c.487.372 1.028.913 1.678 1.563l.037.037a.75.75 0 0 1 0 1.06l-2.41 2.411a.75.75 0 1 1-1.061-1.06l1.879-1.88c-.42-.414-.746-.72-1.033-.938c-.38-.29-.604-.358-.798-.358c-.193 0-.417.068-.797.358m12.368 8.865c.199 0 .39.08.53.22l.037.037c.65.65 1.191 1.191 1.563 1.678c.392.514.665 1.054.665 1.708s-.273 1.194-.665 1.707c-.372.487-.913 1.028-1.563 1.679l-1.52 1.52c-.65.65-1.192 1.191-1.679 1.563c-.513.392-1.054.665-1.707.665c-.654 0-1.194-.273-1.708-.665c-.487-.372-1.028-.913-1.678-1.563l-.037-.037a.75.75 0 0 1 1.06-1.06c.697.696 1.168 1.164 1.565 1.467c.38.29.604.358.798.358s.417-.068.797-.358c.398-.303.868-.77 1.565-1.468l1.446-1.446c.697-.697 1.165-1.167 1.468-1.565c.29-.38.358-.604.358-.797s-.068-.418-.358-.798c-.219-.287-.523-.612-.939-1.033l-1.878 1.879a.75.75 0 0 1-1.061-1.06l2.41-2.411a.75.75 0 0 1 .53-.22m-5.197-9.352a4.682 4.682 0 0 1 6.622 6.622l-9.486 9.486c-.542.542-.86.86-1.216 1.137q-.628.492-1.35.835c-.406.193-.834.336-1.56.578l-3.332 1.11l-.802.268a1.81 1.81 0 0 1-2.29-2.29l1.378-4.133c.242-.727.385-1.155.578-1.562q.344-.72.835-1.35c.276-.354.595-.673 1.137-1.215zm5.56 1.061a3.18 3.18 0 0 0-4.5 0l-.662.662c.035.175.092.413.189.69a5.86 5.86 0 0 0 1.4 2.222a5.86 5.86 0 0 0 2.221 1.4c.278.097.516.154.691.189l.662-.662a3.18 3.18 0 0 0 0-4.5m-1.878 6.38a7.36 7.36 0 0 1-2.755-1.745a7.36 7.36 0 0 1-1.745-2.756l-7.57 7.57c-.59.589-.84.84-1.053 1.114q-.39.5-.663 1.073c-.149.313-.262.649-.526 1.44L3.18 19.6l1.22 1.22l2.842-.947c.791-.264 1.127-.377 1.44-.526q.572-.274 1.073-.663c.273-.214.525-.463 1.115-1.053z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.587 3.108c-.398.303-.868.77-1.565 1.468L4.576 6.022c-.697.697-1.165 1.167-1.468 1.565c-.29.38-.358.604-.358.797s.068.418.358.798c.303.397.77.868 1.468 1.564a.75.75 0 0 1-1.06 1.061l-.038-.037c-.65-.65-1.191-1.191-1.563-1.678c-.392-.514-.665-1.054-.665-1.708s.273-1.194.665-1.707c.372-.487.913-1.028 1.563-1.679l.037-.037l1.446-1.446l.037-.037c.65-.65 1.192-1.191 1.679-1.563c.513-.392 1.054-.665 1.707-.665c.654 0 1.194.273 1.708.665c.487.372 1.028.913 1.678 1.563l.037.037a.75.75 0 0 1 0 1.06l-2.41 2.411a.75.75 0 1 1-1.061-1.06l1.879-1.88c-.42-.414-.746-.72-1.033-.938c-.38-.29-.604-.358-.798-.358c-.193 0-.417.068-.797.358m12.368 8.865c.199 0 .39.08.53.22l.037.037c.65.65 1.191 1.191 1.563 1.678c.392.514.665 1.054.665 1.708s-.273 1.194-.665 1.707c-.372.487-.913 1.028-1.563 1.679l-1.52 1.52c-.65.65-1.192 1.191-1.679 1.563c-.513.392-1.054.665-1.707.665c-.654 0-1.194-.273-1.708-.665c-.487-.372-1.028-.913-1.678-1.563l-.037-.037a.75.75 0 0 1 1.06-1.06c.697.696 1.168 1.164 1.565 1.467c.38.29.604.358.798.358s.417-.068.797-.358c.398-.303.868-.77 1.565-1.468l1.446-1.446c.697-.697 1.165-1.167 1.468-1.565c.29-.38.358-.604.358-.797s-.068-.418-.358-.798c-.219-.287-.523-.612-.939-1.033l-1.878 1.879a.75.75 0 0 1-1.061-1.06l2.41-2.411a.75.75 0 0 1 .53-.22m-5.197-9.352a4.682 4.682 0 0 1 6.622 6.622l-9.486 9.486c-.542.542-.86.86-1.216 1.137q-.628.492-1.35.835c-.406.193-.834.336-1.56.578l-3.332 1.11l-.802.268a1.81 1.81 0 0 1-2.29-2.29l1.378-4.133c.242-.727.385-1.155.578-1.562q.344-.72.835-1.35c.276-.354.595-.673 1.137-1.215zm5.56 1.061a3.18 3.18 0 0 0-4.5 0l-.662.662c.035.175.092.413.189.69a5.86 5.86 0 0 0 1.4 2.222a5.86 5.86 0 0 0 2.221 1.4c.278.097.516.154.691.189l.662-.662a3.18 3.18 0 0 0 0-4.5m-1.878 6.38a7.36 7.36 0 0 1-2.755-1.745a7.36 7.36 0 0 1-1.745-2.756l-7.57 7.57c-.59.589-.84.84-1.053 1.114q-.39.5-.663 1.073c-.149.313-.262.649-.526 1.44L3.18 19.6l1.22 1.22l2.842-.947c.791-.264 1.127-.377 1.44-.526q.572-.274 1.073-.663c.273-.214.525-.463 1.115-1.053z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-ruler-pen {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.587%203.108c-.398.303-.868.77-1.565%201.468L4.576%206.022c-.697.697-1.165%201.167-1.468%201.565c-.29.38-.358.604-.358.797s.068.418.358.798c.303.397.77.868%201.468%201.564a.75.75%200%200%201-1.06%201.061l-.038-.037c-.65-.65-1.191-1.191-1.563-1.678c-.392-.514-.665-1.054-.665-1.708s.273-1.194.665-1.707c.372-.487.913-1.028%201.563-1.679l.037-.037l1.446-1.446l.037-.037c.65-.65%201.192-1.191%201.679-1.563c.513-.392%201.054-.665%201.707-.665c.654%200%201.194.273%201.708.665c.487.372%201.028.913%201.678%201.563l.037.037a.75.75%200%200%201%200%201.06l-2.41%202.411a.75.75%200%201%201-1.061-1.06l1.879-1.88c-.42-.414-.746-.72-1.033-.938c-.38-.29-.604-.358-.798-.358c-.193%200-.417.068-.797.358m12.368%208.865c.199%200%20.39.08.53.22l.037.037c.65.65%201.191%201.191%201.563%201.678c.392.514.665%201.054.665%201.708s-.273%201.194-.665%201.707c-.372.487-.913%201.028-1.563%201.679l-1.52%201.52c-.65.65-1.192%201.191-1.679%201.563c-.513.392-1.054.665-1.707.665c-.654%200-1.194-.273-1.708-.665c-.487-.372-1.028-.913-1.678-1.563l-.037-.037a.75.75%200%200%201%201.06-1.06c.697.696%201.168%201.164%201.565%201.467c.38.29.604.358.798.358s.417-.068.797-.358c.398-.303.868-.77%201.565-1.468l1.446-1.446c.697-.697%201.165-1.167%201.468-1.565c.29-.38.358-.604.358-.797s-.068-.418-.358-.798c-.219-.287-.523-.612-.939-1.033l-1.878%201.879a.75.75%200%200%201-1.061-1.06l2.41-2.411a.75.75%200%200%201%20.53-.22m-5.197-9.352a4.682%204.682%200%200%201%206.622%206.622l-9.486%209.486c-.542.542-.86.86-1.216%201.137q-.628.492-1.35.835c-.406.193-.834.336-1.56.578l-3.332%201.11l-.802.268a1.81%201.81%200%200%201-2.29-2.29l1.378-4.133c.242-.727.385-1.155.578-1.562q.344-.72.835-1.35c.276-.354.595-.673%201.137-1.215zm5.56%201.061a3.18%203.18%200%200%200-4.5%200l-.662.662c.035.175.092.413.189.69a5.86%205.86%200%200%200%201.4%202.222a5.86%205.86%200%200%200%202.221%201.4c.278.097.516.154.691.189l.662-.662a3.18%203.18%200%200%200%200-4.5m-1.878%206.38a7.36%207.36%200%200%201-2.755-1.745a7.36%207.36%200%200%201-1.745-2.756l-7.57%207.57c-.59.589-.84.84-1.053%201.114q-.39.5-.663%201.073c-.149.313-.262.649-.526%201.44L3.18%2019.6l1.22%201.22l2.842-.947c.791-.264%201.127-.377%201.44-.526q.572-.274%201.073-.663c.273-.214.525-.463%201.115-1.053z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M7.587%203.108c-.398.303-.868.77-1.565%201.468L4.576%206.022c-.697.697-1.165%201.167-1.468%201.565c-.29.38-.358.604-.358.797s.068.418.358.798c.303.397.77.868%201.468%201.564a.75.75%200%200%201-1.06%201.061l-.038-.037c-.65-.65-1.191-1.191-1.563-1.678c-.392-.514-.665-1.054-.665-1.708s.273-1.194.665-1.707c.372-.487.913-1.028%201.563-1.679l.037-.037l1.446-1.446l.037-.037c.65-.65%201.192-1.191%201.679-1.563c.513-.392%201.054-.665%201.707-.665c.654%200%201.194.273%201.708.665c.487.372%201.028.913%201.678%201.563l.037.037a.75.75%200%200%201%200%201.06l-2.41%202.411a.75.75%200%201%201-1.061-1.06l1.879-1.88c-.42-.414-.746-.72-1.033-.938c-.38-.29-.604-.358-.798-.358c-.193%200-.417.068-.797.358m12.368%208.865c.199%200%20.39.08.53.22l.037.037c.65.65%201.191%201.191%201.563%201.678c.392.514.665%201.054.665%201.708s-.273%201.194-.665%201.707c-.372.487-.913%201.028-1.563%201.679l-1.52%201.52c-.65.65-1.192%201.191-1.679%201.563c-.513.392-1.054.665-1.707.665c-.654%200-1.194-.273-1.708-.665c-.487-.372-1.028-.913-1.678-1.563l-.037-.037a.75.75%200%200%201%201.06-1.06c.697.696%201.168%201.164%201.565%201.467c.38.29.604.358.798.358s.417-.068.797-.358c.398-.303.868-.77%201.565-1.468l1.446-1.446c.697-.697%201.165-1.167%201.468-1.565c.29-.38.358-.604.358-.797s-.068-.418-.358-.798c-.219-.287-.523-.612-.939-1.033l-1.878%201.879a.75.75%200%200%201-1.061-1.06l2.41-2.411a.75.75%200%200%201%20.53-.22m-5.197-9.352a4.682%204.682%200%200%201%206.622%206.622l-9.486%209.486c-.542.542-.86.86-1.216%201.137q-.628.492-1.35.835c-.406.193-.834.336-1.56.578l-3.332%201.11l-.802.268a1.81%201.81%200%200%201-2.29-2.29l1.378-4.133c.242-.727.385-1.155.578-1.562q.344-.72.835-1.35c.276-.354.595-.673%201.137-1.215zm5.56%201.061a3.18%203.18%200%200%200-4.5%200l-.662.662c.035.175.092.413.189.69a5.86%205.86%200%200%200%201.4%202.222a5.86%205.86%200%200%200%202.221%201.4c.278.097.516.154.691.189l.662-.662a3.18%203.18%200%200%200%200-4.5m-1.878%206.38a7.36%207.36%200%200%201-2.755-1.745a7.36%207.36%200%200%201-1.745-2.756l-7.57%207.57c-.59.589-.84.84-1.053%201.114q-.39.5-.663%201.073c-.149.313-.262.649-.526%201.44L3.18%2019.6l1.22%201.22l2.842-.947c.791-.264%201.127-.377%201.44-.526q.572-.274%201.073-.663c.273-.214.525-.463%201.115-1.053z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/ruler-pen.svg?color=%231a73e8&size=48
