ruler pen icon
ruler-pen-bold-duotone from Solar by 480 Design · Bold Duotone · Tools · CC-BY-4.0 Attribution required.
- Name
- ruler-pen-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Tools
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More tools icons from Solar
align-bottom-boldalign-horizontal-center-boldalign-horizontal-spacing-boldalign-left-boldalign-right-boldalign-top-boldalign-vertical-center-boldalign-vertical-spacing-boldcolour-tuning-boldcrop-boldcrop-minimalistic-boldfilters-boldflip-horizontal-boldflip-vertical-boldframe-boldlayers-boldlayers-minimalistic-boldmirror-left-boldmirror-right-boldpaint-brush-boldpaint-roller-boldpalette-2-boldpalette-boldpalette-round-bold
Use the ruler pen icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16 22C14.1144 22 13.1716 22 12.5858 21.4142C12.0834 20.9119 12.0119 20.1469 12.0017 18.75L12 17.25V15.75V14.25V12.75V11.25V9.75V8.25V6.75L12.0017 5.25C12.0119 3.85306 12.0834 3.08814 12.5858 2.58579C13.1716 2 14.1144 2 16 2H18C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11439 22 6V18C22 19.8856 22 20.8284 21.4142 21.4142C20.8284 22 19.8856 22 18 22H16Z" opacity=".5"/><path d="M15 8.25H12V9.75H15C15.4142 9.75 15.75 9.41421 15.75 9C15.75 8.58578 15.4142 8.25 15 8.25Z"/><path d="M14 5.25L12.0017 5.25L12 6.75H14C14.4142 6.75 14.75 6.41421 14.75 6C14.75 5.58579 14.4142 5.25 14 5.25Z"/><path d="M14 11.25H12V12.75H14C14.4142 12.75 14.75 12.4142 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25Z"/><path d="M15 14.25L12 14.25V15.75L15 15.75C15.4142 15.75 15.75 15.4142 15.75 15C15.75 14.5858 15.4142 14.25 15 14.25Z"/><path d="M14 17.25H12L12.0017 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18C14.75 17.5858 14.4142 17.25 14 17.25Z"/><path d="M8 14.9796L8 7.00027C7.23101 7.31727 6.21665 7.58917 5.00018 7.58917C3.78352 7.58917 2.76904 7.31718 2 7.00012L2 14.9796C2 15.6022 2 15.9136 2.03777 16.2192C2.08232 16.5796 2.166 16.934 2.28733 17.2763C2.39019 17.5665 2.52943 17.845 2.8079 18.4019L4.27639 21.3389C4.41343 21.613 4.69357 21.7861 5 21.7861C5.30643 21.7861 5.58657 21.613 5.72361 21.3389L7.1921 18.4019C7.47057 17.845 7.60981 17.5665 7.71267 17.2763C7.834 16.934 7.91768 16.5796 7.96223 16.2192C8 15.9136 8 15.6023 8 14.9796Z"/><path d="M5 2C6.65685 2 8 3.34315 8 5L8 7.00015C7.23101 7.31715 6.21665 7.58905 5.00018 7.58904C3.78352 7.58904 2.76904 7.31706 2 7V5C2 3.34315 3.34315 2 5 2Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarRulerPenBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16 22C14.1144 22 13.1716 22 12.5858 21.4142C12.0834 20.9119 12.0119 20.1469 12.0017 18.75L12 17.25V15.75V14.25V12.75V11.25V9.75V8.25V6.75L12.0017 5.25C12.0119 3.85306 12.0834 3.08814 12.5858 2.58579C13.1716 2 14.1144 2 16 2H18C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11439 22 6V18C22 19.8856 22 20.8284 21.4142 21.4142C20.8284 22 19.8856 22 18 22H16Z" opacity=".5"/><path d="M15 8.25H12V9.75H15C15.4142 9.75 15.75 9.41421 15.75 9C15.75 8.58578 15.4142 8.25 15 8.25Z"/><path d="M14 5.25L12.0017 5.25L12 6.75H14C14.4142 6.75 14.75 6.41421 14.75 6C14.75 5.58579 14.4142 5.25 14 5.25Z"/><path d="M14 11.25H12V12.75H14C14.4142 12.75 14.75 12.4142 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25Z"/><path d="M15 14.25L12 14.25V15.75L15 15.75C15.4142 15.75 15.75 15.4142 15.75 15C15.75 14.5858 15.4142 14.25 15 14.25Z"/><path d="M14 17.25H12L12.0017 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18C14.75 17.5858 14.4142 17.25 14 17.25Z"/><path d="M8 14.9796L8 7.00027C7.23101 7.31727 6.21665 7.58917 5.00018 7.58917C3.78352 7.58917 2.76904 7.31718 2 7.00012L2 14.9796C2 15.6022 2 15.9136 2.03777 16.2192C2.08232 16.5796 2.166 16.934 2.28733 17.2763C2.39019 17.5665 2.52943 17.845 2.8079 18.4019L4.27639 21.3389C4.41343 21.613 4.69357 21.7861 5 21.7861C5.30643 21.7861 5.58657 21.613 5.72361 21.3389L7.1921 18.4019C7.47057 17.845 7.60981 17.5665 7.71267 17.2763C7.834 16.934 7.91768 16.5796 7.96223 16.2192C8 15.9136 8 15.6023 8 14.9796Z"/><path d="M5 2C6.65685 2 8 3.34315 8 5L8 7.00015C7.23101 7.31715 6.21665 7.58905 5.00018 7.58904C3.78352 7.58904 2.76904 7.31706 2 7V5C2 3.34315 3.34315 2 5 2Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16 22C14.1144 22 13.1716 22 12.5858 21.4142C12.0834 20.9119 12.0119 20.1469 12.0017 18.75L12 17.25V15.75V14.25V12.75V11.25V9.75V8.25V6.75L12.0017 5.25C12.0119 3.85306 12.0834 3.08814 12.5858 2.58579C13.1716 2 14.1144 2 16 2H18C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11439 22 6V18C22 19.8856 22 20.8284 21.4142 21.4142C20.8284 22 19.8856 22 18 22H16Z" opacity=".5"/><path d="M15 8.25H12V9.75H15C15.4142 9.75 15.75 9.41421 15.75 9C15.75 8.58578 15.4142 8.25 15 8.25Z"/><path d="M14 5.25L12.0017 5.25L12 6.75H14C14.4142 6.75 14.75 6.41421 14.75 6C14.75 5.58579 14.4142 5.25 14 5.25Z"/><path d="M14 11.25H12V12.75H14C14.4142 12.75 14.75 12.4142 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25Z"/><path d="M15 14.25L12 14.25V15.75L15 15.75C15.4142 15.75 15.75 15.4142 15.75 15C15.75 14.5858 15.4142 14.25 15 14.25Z"/><path d="M14 17.25H12L12.0017 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18C14.75 17.5858 14.4142 17.25 14 17.25Z"/><path d="M8 14.9796L8 7.00027C7.23101 7.31727 6.21665 7.58917 5.00018 7.58917C3.78352 7.58917 2.76904 7.31718 2 7.00012L2 14.9796C2 15.6022 2 15.9136 2.03777 16.2192C2.08232 16.5796 2.166 16.934 2.28733 17.2763C2.39019 17.5665 2.52943 17.845 2.8079 18.4019L4.27639 21.3389C4.41343 21.613 4.69357 21.7861 5 21.7861C5.30643 21.7861 5.58657 21.613 5.72361 21.3389L7.1921 18.4019C7.47057 17.845 7.60981 17.5665 7.71267 17.2763C7.834 16.934 7.91768 16.5796 7.96223 16.2192C8 15.9136 8 15.6023 8 14.9796Z"/><path d="M5 2C6.65685 2 8 3.34315 8 5L8 7.00015C7.23101 7.31715 6.21665 7.58905 5.00018 7.58904C3.78352 7.58904 2.76904 7.31706 2 7V5C2 3.34315 3.34315 2 5 2Z" opacity=".5"/></g></svg> </template>
CSS
.icon-ruler-pen-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16%2022C14.1144%2022%2013.1716%2022%2012.5858%2021.4142C12.0834%2020.9119%2012.0119%2020.1469%2012.0017%2018.75L12%2017.25V15.75V14.25V12.75V11.25V9.75V8.25V6.75L12.0017%205.25C12.0119%203.85306%2012.0834%203.08814%2012.5858%202.58579C13.1716%202%2014.1144%202%2016%202H18C19.8856%202%2020.8284%202%2021.4142%202.58579C22%203.17157%2022%204.11439%2022%206V18C22%2019.8856%2022%2020.8284%2021.4142%2021.4142C20.8284%2022%2019.8856%2022%2018%2022H16Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M15%208.25H12V9.75H15C15.4142%209.75%2015.75%209.41421%2015.75%209C15.75%208.58578%2015.4142%208.25%2015%208.25Z%22%2F%3E%3Cpath%20d%3D%22M14%205.25L12.0017%205.25L12%206.75H14C14.4142%206.75%2014.75%206.41421%2014.75%206C14.75%205.58579%2014.4142%205.25%2014%205.25Z%22%2F%3E%3Cpath%20d%3D%22M14%2011.25H12V12.75H14C14.4142%2012.75%2014.75%2012.4142%2014.75%2012C14.75%2011.5858%2014.4142%2011.25%2014%2011.25Z%22%2F%3E%3Cpath%20d%3D%22M15%2014.25L12%2014.25V15.75L15%2015.75C15.4142%2015.75%2015.75%2015.4142%2015.75%2015C15.75%2014.5858%2015.4142%2014.25%2015%2014.25Z%22%2F%3E%3Cpath%20d%3D%22M14%2017.25H12L12.0017%2018.75H14C14.4142%2018.75%2014.75%2018.4142%2014.75%2018C14.75%2017.5858%2014.4142%2017.25%2014%2017.25Z%22%2F%3E%3Cpath%20d%3D%22M8%2014.9796L8%207.00027C7.23101%207.31727%206.21665%207.58917%205.00018%207.58917C3.78352%207.58917%202.76904%207.31718%202%207.00012L2%2014.9796C2%2015.6022%202%2015.9136%202.03777%2016.2192C2.08232%2016.5796%202.166%2016.934%202.28733%2017.2763C2.39019%2017.5665%202.52943%2017.845%202.8079%2018.4019L4.27639%2021.3389C4.41343%2021.613%204.69357%2021.7861%205%2021.7861C5.30643%2021.7861%205.58657%2021.613%205.72361%2021.3389L7.1921%2018.4019C7.47057%2017.845%207.60981%2017.5665%207.71267%2017.2763C7.834%2016.934%207.91768%2016.5796%207.96223%2016.2192C8%2015.9136%208%2015.6023%208%2014.9796Z%22%2F%3E%3Cpath%20d%3D%22M5%202C6.65685%202%208%203.34315%208%205L8%207.00015C7.23101%207.31715%206.21665%207.58905%205.00018%207.58904C3.78352%207.58904%202.76904%207.31706%202%207V5C2%203.34315%203.34315%202%205%202Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16%2022C14.1144%2022%2013.1716%2022%2012.5858%2021.4142C12.0834%2020.9119%2012.0119%2020.1469%2012.0017%2018.75L12%2017.25V15.75V14.25V12.75V11.25V9.75V8.25V6.75L12.0017%205.25C12.0119%203.85306%2012.0834%203.08814%2012.5858%202.58579C13.1716%202%2014.1144%202%2016%202H18C19.8856%202%2020.8284%202%2021.4142%202.58579C22%203.17157%2022%204.11439%2022%206V18C22%2019.8856%2022%2020.8284%2021.4142%2021.4142C20.8284%2022%2019.8856%2022%2018%2022H16Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M15%208.25H12V9.75H15C15.4142%209.75%2015.75%209.41421%2015.75%209C15.75%208.58578%2015.4142%208.25%2015%208.25Z%22%2F%3E%3Cpath%20d%3D%22M14%205.25L12.0017%205.25L12%206.75H14C14.4142%206.75%2014.75%206.41421%2014.75%206C14.75%205.58579%2014.4142%205.25%2014%205.25Z%22%2F%3E%3Cpath%20d%3D%22M14%2011.25H12V12.75H14C14.4142%2012.75%2014.75%2012.4142%2014.75%2012C14.75%2011.5858%2014.4142%2011.25%2014%2011.25Z%22%2F%3E%3Cpath%20d%3D%22M15%2014.25L12%2014.25V15.75L15%2015.75C15.4142%2015.75%2015.75%2015.4142%2015.75%2015C15.75%2014.5858%2015.4142%2014.25%2015%2014.25Z%22%2F%3E%3Cpath%20d%3D%22M14%2017.25H12L12.0017%2018.75H14C14.4142%2018.75%2014.75%2018.4142%2014.75%2018C14.75%2017.5858%2014.4142%2017.25%2014%2017.25Z%22%2F%3E%3Cpath%20d%3D%22M8%2014.9796L8%207.00027C7.23101%207.31727%206.21665%207.58917%205.00018%207.58917C3.78352%207.58917%202.76904%207.31718%202%207.00012L2%2014.9796C2%2015.6022%202%2015.9136%202.03777%2016.2192C2.08232%2016.5796%202.166%2016.934%202.28733%2017.2763C2.39019%2017.5665%202.52943%2017.845%202.8079%2018.4019L4.27639%2021.3389C4.41343%2021.613%204.69357%2021.7861%205%2021.7861C5.30643%2021.7861%205.58657%2021.613%205.72361%2021.3389L7.1921%2018.4019C7.47057%2017.845%207.60981%2017.5665%207.71267%2017.2763C7.834%2016.934%207.91768%2016.5796%207.96223%2016.2192C8%2015.9136%208%2015.6023%208%2014.9796Z%22%2F%3E%3Cpath%20d%3D%22M5%202C6.65685%202%208%203.34315%208%205L8%207.00015C7.23101%207.31715%206.21665%207.58905%205.00018%207.58904C3.78352%207.58904%202.76904%207.31706%202%207V5C2%203.34315%203.34315%202%205%202Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/ruler-pen-bold-duotone.svg?color=%231a73e8&size=48
