ruler pen icon
ruler-pen-broken from Solar by 480 Design · Broken · Tools · CC-BY-4.0 Attribution required.
- Name
- ruler-pen-broken
- Set
- Solar
- Style
- Broken
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M22 7V6C22 4.11438 22 3.17157 21.4142 2.58579C20.8284 2 19.8856 2 18 2L16 2C14.1144 2 13.1716 2 12.5858 2.58579C12 3.17157 12 4.11438 12 6L12 18C12 19.8856 12 20.8284 12.5858 21.4142C13.1716 22 14.1144 22 16 22H18C19.8856 22 20.8284 22 21.4142 21.4142C22 20.8284 22 19.8856 22 18V11"/><path d="M12 12H14M12 6L14 6M12 18H14M12 15L15 15M12 9L15 9"/><path d="M2 6L2 5C2 3.34315 3.34315 2 5 2C6.65685 2 8 3.34315 8 5V6M2 6C2 6 3.125 7 5 7C6.875 7 8 6 8 6M2 6L2 10.5462M2 14.3224L2 15.1935C2 15.8162 2 16.1275 2.03777 16.433C2.08232 16.7934 2.166 17.1479 2.28733 17.4902C2.39019 17.7804 2.52943 18.0589 2.8079 18.6158L3.98794 20.9759L4.27639 21.5528C4.41343 21.8269 4.69357 22 5 22C5.30643 22 5.58657 21.8269 5.72361 21.5528L6.01206 20.9759L7.1921 18.6158C7.47057 18.0589 7.60981 17.7804 7.71267 17.4902C7.834 17.1479 7.91768 16.7934 7.96223 16.433C8 16.1275 8 15.8161 8 15.1935V6M6.01206 20.9759H3.98794"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarRulerPenBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M22 7V6C22 4.11438 22 3.17157 21.4142 2.58579C20.8284 2 19.8856 2 18 2L16 2C14.1144 2 13.1716 2 12.5858 2.58579C12 3.17157 12 4.11438 12 6L12 18C12 19.8856 12 20.8284 12.5858 21.4142C13.1716 22 14.1144 22 16 22H18C19.8856 22 20.8284 22 21.4142 21.4142C22 20.8284 22 19.8856 22 18V11"/><path d="M12 12H14M12 6L14 6M12 18H14M12 15L15 15M12 9L15 9"/><path d="M2 6L2 5C2 3.34315 3.34315 2 5 2C6.65685 2 8 3.34315 8 5V6M2 6C2 6 3.125 7 5 7C6.875 7 8 6 8 6M2 6L2 10.5462M2 14.3224L2 15.1935C2 15.8162 2 16.1275 2.03777 16.433C2.08232 16.7934 2.166 17.1479 2.28733 17.4902C2.39019 17.7804 2.52943 18.0589 2.8079 18.6158L3.98794 20.9759L4.27639 21.5528C4.41343 21.8269 4.69357 22 5 22C5.30643 22 5.58657 21.8269 5.72361 21.5528L6.01206 20.9759L7.1921 18.6158C7.47057 18.0589 7.60981 17.7804 7.71267 17.4902C7.834 17.1479 7.91768 16.7934 7.96223 16.433C8 16.1275 8 15.8161 8 15.1935V6M6.01206 20.9759H3.98794"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M22 7V6C22 4.11438 22 3.17157 21.4142 2.58579C20.8284 2 19.8856 2 18 2L16 2C14.1144 2 13.1716 2 12.5858 2.58579C12 3.17157 12 4.11438 12 6L12 18C12 19.8856 12 20.8284 12.5858 21.4142C13.1716 22 14.1144 22 16 22H18C19.8856 22 20.8284 22 21.4142 21.4142C22 20.8284 22 19.8856 22 18V11"/><path d="M12 12H14M12 6L14 6M12 18H14M12 15L15 15M12 9L15 9"/><path d="M2 6L2 5C2 3.34315 3.34315 2 5 2C6.65685 2 8 3.34315 8 5V6M2 6C2 6 3.125 7 5 7C6.875 7 8 6 8 6M2 6L2 10.5462M2 14.3224L2 15.1935C2 15.8162 2 16.1275 2.03777 16.433C2.08232 16.7934 2.166 17.1479 2.28733 17.4902C2.39019 17.7804 2.52943 18.0589 2.8079 18.6158L3.98794 20.9759L4.27639 21.5528C4.41343 21.8269 4.69357 22 5 22C5.30643 22 5.58657 21.8269 5.72361 21.5528L6.01206 20.9759L7.1921 18.6158C7.47057 18.0589 7.60981 17.7804 7.71267 17.4902C7.834 17.1479 7.91768 16.7934 7.96223 16.433C8 16.1275 8 15.8161 8 15.1935V6M6.01206 20.9759H3.98794"/></g></svg> </template>
CSS
.icon-ruler-pen-broken {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%207V6C22%204.11438%2022%203.17157%2021.4142%202.58579C20.8284%202%2019.8856%202%2018%202L16%202C14.1144%202%2013.1716%202%2012.5858%202.58579C12%203.17157%2012%204.11438%2012%206L12%2018C12%2019.8856%2012%2020.8284%2012.5858%2021.4142C13.1716%2022%2014.1144%2022%2016%2022H18C19.8856%2022%2020.8284%2022%2021.4142%2021.4142C22%2020.8284%2022%2019.8856%2022%2018V11%22%2F%3E%3Cpath%20d%3D%22M12%2012H14M12%206L14%206M12%2018H14M12%2015L15%2015M12%209L15%209%22%2F%3E%3Cpath%20d%3D%22M2%206L2%205C2%203.34315%203.34315%202%205%202C6.65685%202%208%203.34315%208%205V6M2%206C2%206%203.125%207%205%207C6.875%207%208%206%208%206M2%206L2%2010.5462M2%2014.3224L2%2015.1935C2%2015.8162%202%2016.1275%202.03777%2016.433C2.08232%2016.7934%202.166%2017.1479%202.28733%2017.4902C2.39019%2017.7804%202.52943%2018.0589%202.8079%2018.6158L3.98794%2020.9759L4.27639%2021.5528C4.41343%2021.8269%204.69357%2022%205%2022C5.30643%2022%205.58657%2021.8269%205.72361%2021.5528L6.01206%2020.9759L7.1921%2018.6158C7.47057%2018.0589%207.60981%2017.7804%207.71267%2017.4902C7.834%2017.1479%207.91768%2016.7934%207.96223%2016.433C8%2016.1275%208%2015.8161%208%2015.1935V6M6.01206%2020.9759H3.98794%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%207V6C22%204.11438%2022%203.17157%2021.4142%202.58579C20.8284%202%2019.8856%202%2018%202L16%202C14.1144%202%2013.1716%202%2012.5858%202.58579C12%203.17157%2012%204.11438%2012%206L12%2018C12%2019.8856%2012%2020.8284%2012.5858%2021.4142C13.1716%2022%2014.1144%2022%2016%2022H18C19.8856%2022%2020.8284%2022%2021.4142%2021.4142C22%2020.8284%2022%2019.8856%2022%2018V11%22%2F%3E%3Cpath%20d%3D%22M12%2012H14M12%206L14%206M12%2018H14M12%2015L15%2015M12%209L15%209%22%2F%3E%3Cpath%20d%3D%22M2%206L2%205C2%203.34315%203.34315%202%205%202C6.65685%202%208%203.34315%208%205V6M2%206C2%206%203.125%207%205%207C6.875%207%208%206%208%206M2%206L2%2010.5462M2%2014.3224L2%2015.1935C2%2015.8162%202%2016.1275%202.03777%2016.433C2.08232%2016.7934%202.166%2017.1479%202.28733%2017.4902C2.39019%2017.7804%202.52943%2018.0589%202.8079%2018.6158L3.98794%2020.9759L4.27639%2021.5528C4.41343%2021.8269%204.69357%2022%205%2022C5.30643%2022%205.58657%2021.8269%205.72361%2021.5528L6.01206%2020.9759L7.1921%2018.6158C7.47057%2018.0589%207.60981%2017.7804%207.71267%2017.4902C7.834%2017.1479%207.91768%2016.7934%207.96223%2016.433C8%2016.1275%208%2015.8161%208%2015.1935V6M6.01206%2020.9759H3.98794%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-broken.svg?color=%231a73e8&size=48
