ruler icon
ruler-bold from Solar by 480 Design · Bold · Tools · CC-BY-4.0 Attribution required.
- Name
- ruler-bold
- Set
- Solar
- Style
- Bold
- Category
- Tools
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
rulerBoxIcons v2rulerBoxIcons v2 SolidrulerCarbonrulerFont Awesome 6 SolidrulerFont Awesome Solidruler-12-filledFluent UI System Iconsrulercss.ggrulerHuge IconsrulerIconParkrulerIconPark OutlinerulerIconoirrulerJam IconsrulerLine AwesomerulerLuciderulerMaterial Design Iconsruler-fillMingCute IconrulerMyna UI IconsrulerPhosphorruler-fillRemix IconrulerTabler IconsrulerTDesign IconsrulerUniconsrulerUnicons MonochromerulerUnicons Solid
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 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 15.6157C2 16.463 2.68179 17.1448 4.04537 18.5083L5.49167 19.9546C6.85525 21.3182 7.53704 22 8.38426 22C9.23148 22 9.91327 21.3182 11.2769 19.9546L19.9546 11.2769C21.3182 9.91327 22 9.23148 22 8.38426C22 7.53704 21.3182 6.85525 19.9546 5.49167L18.5083 4.04537C17.1448 2.68179 16.463 2 15.6157 2C14.8623 2 14.2396 2.53926 13.1519 3.61778C13.1817 3.63981 13.2103 3.66433 13.2373 3.69135L14.6515 5.10556C14.9444 5.39846 14.9444 5.87333 14.6515 6.16622C14.3586 6.45912 13.8837 6.45912 13.5908 6.16622L12.1766 4.75201C12.1494 4.7248 12.1247 4.69601 12.1026 4.66595L11.0299 5.73861C11.06 5.76077 11.0888 5.78545 11.116 5.81267L13.2373 7.93399C13.5302 8.22688 13.5302 8.70176 13.2373 8.99465C12.9444 9.28754 12.4695 9.28754 12.1766 8.99465L10.0553 6.87333C10.0281 6.84612 10.0034 6.81733 9.98125 6.78726L8.90859 7.85993C8.93865 7.88209 8.96744 7.90678 8.99465 7.93399L10.4089 9.3482C10.7018 9.6411 10.7018 10.116 10.4089 10.4089C10.116 10.7018 9.6411 10.7018 9.3482 10.4089L7.93399 8.99465C7.90678 8.96744 7.88209 8.93865 7.85993 8.90859L6.78727 9.98125C6.81733 10.0034 6.84612 10.0281 6.87333 10.0553L8.99465 12.1766C9.28754 12.4695 9.28754 12.9444 8.99465 13.2373C8.70176 13.5302 8.22688 13.5302 7.93399 13.2373L5.81267 11.116C5.78545 11.0888 5.76077 11.06 5.73861 11.0299L4.66595 12.1026C4.69601 12.1247 4.7248 12.1494 4.75201 12.1766L6.16622 13.5908C6.45912 13.8837 6.45912 14.3586 6.16622 14.6515C5.87333 14.9444 5.39846 14.9444 5.10556 14.6515L3.69135 13.2373C3.66433 13.2103 3.63981 13.1817 3.61778 13.1519C2.53926 14.2396 2 14.8623 2 15.6157Z"/></svg>
React
import type { SVGProps } from "react";
export function SolarRulerBold(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="M2 15.6157C2 16.463 2.68179 17.1448 4.04537 18.5083L5.49167 19.9546C6.85525 21.3182 7.53704 22 8.38426 22C9.23148 22 9.91327 21.3182 11.2769 19.9546L19.9546 11.2769C21.3182 9.91327 22 9.23148 22 8.38426C22 7.53704 21.3182 6.85525 19.9546 5.49167L18.5083 4.04537C17.1448 2.68179 16.463 2 15.6157 2C14.8623 2 14.2396 2.53926 13.1519 3.61778C13.1817 3.63981 13.2103 3.66433 13.2373 3.69135L14.6515 5.10556C14.9444 5.39846 14.9444 5.87333 14.6515 6.16622C14.3586 6.45912 13.8837 6.45912 13.5908 6.16622L12.1766 4.75201C12.1494 4.7248 12.1247 4.69601 12.1026 4.66595L11.0299 5.73861C11.06 5.76077 11.0888 5.78545 11.116 5.81267L13.2373 7.93399C13.5302 8.22688 13.5302 8.70176 13.2373 8.99465C12.9444 9.28754 12.4695 9.28754 12.1766 8.99465L10.0553 6.87333C10.0281 6.84612 10.0034 6.81733 9.98125 6.78726L8.90859 7.85993C8.93865 7.88209 8.96744 7.90678 8.99465 7.93399L10.4089 9.3482C10.7018 9.6411 10.7018 10.116 10.4089 10.4089C10.116 10.7018 9.6411 10.7018 9.3482 10.4089L7.93399 8.99465C7.90678 8.96744 7.88209 8.93865 7.85993 8.90859L6.78727 9.98125C6.81733 10.0034 6.84612 10.0281 6.87333 10.0553L8.99465 12.1766C9.28754 12.4695 9.28754 12.9444 8.99465 13.2373C8.70176 13.5302 8.22688 13.5302 7.93399 13.2373L5.81267 11.116C5.78545 11.0888 5.76077 11.06 5.73861 11.0299L4.66595 12.1026C4.69601 12.1247 4.7248 12.1494 4.75201 12.1766L6.16622 13.5908C6.45912 13.8837 6.45912 14.3586 6.16622 14.6515C5.87333 14.9444 5.39846 14.9444 5.10556 14.6515L3.69135 13.2373C3.66433 13.2103 3.63981 13.1817 3.61778 13.1519C2.53926 14.2396 2 14.8623 2 15.6157Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 15.6157C2 16.463 2.68179 17.1448 4.04537 18.5083L5.49167 19.9546C6.85525 21.3182 7.53704 22 8.38426 22C9.23148 22 9.91327 21.3182 11.2769 19.9546L19.9546 11.2769C21.3182 9.91327 22 9.23148 22 8.38426C22 7.53704 21.3182 6.85525 19.9546 5.49167L18.5083 4.04537C17.1448 2.68179 16.463 2 15.6157 2C14.8623 2 14.2396 2.53926 13.1519 3.61778C13.1817 3.63981 13.2103 3.66433 13.2373 3.69135L14.6515 5.10556C14.9444 5.39846 14.9444 5.87333 14.6515 6.16622C14.3586 6.45912 13.8837 6.45912 13.5908 6.16622L12.1766 4.75201C12.1494 4.7248 12.1247 4.69601 12.1026 4.66595L11.0299 5.73861C11.06 5.76077 11.0888 5.78545 11.116 5.81267L13.2373 7.93399C13.5302 8.22688 13.5302 8.70176 13.2373 8.99465C12.9444 9.28754 12.4695 9.28754 12.1766 8.99465L10.0553 6.87333C10.0281 6.84612 10.0034 6.81733 9.98125 6.78726L8.90859 7.85993C8.93865 7.88209 8.96744 7.90678 8.99465 7.93399L10.4089 9.3482C10.7018 9.6411 10.7018 10.116 10.4089 10.4089C10.116 10.7018 9.6411 10.7018 9.3482 10.4089L7.93399 8.99465C7.90678 8.96744 7.88209 8.93865 7.85993 8.90859L6.78727 9.98125C6.81733 10.0034 6.84612 10.0281 6.87333 10.0553L8.99465 12.1766C9.28754 12.4695 9.28754 12.9444 8.99465 13.2373C8.70176 13.5302 8.22688 13.5302 7.93399 13.2373L5.81267 11.116C5.78545 11.0888 5.76077 11.06 5.73861 11.0299L4.66595 12.1026C4.69601 12.1247 4.7248 12.1494 4.75201 12.1766L6.16622 13.5908C6.45912 13.8837 6.45912 14.3586 6.16622 14.6515C5.87333 14.9444 5.39846 14.9444 5.10556 14.6515L3.69135 13.2373C3.66433 13.2103 3.63981 13.1817 3.61778 13.1519C2.53926 14.2396 2 14.8623 2 15.6157Z"/></svg> </template>
CSS
.icon-ruler-bold {
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%22M2%2015.6157C2%2016.463%202.68179%2017.1448%204.04537%2018.5083L5.49167%2019.9546C6.85525%2021.3182%207.53704%2022%208.38426%2022C9.23148%2022%209.91327%2021.3182%2011.2769%2019.9546L19.9546%2011.2769C21.3182%209.91327%2022%209.23148%2022%208.38426C22%207.53704%2021.3182%206.85525%2019.9546%205.49167L18.5083%204.04537C17.1448%202.68179%2016.463%202%2015.6157%202C14.8623%202%2014.2396%202.53926%2013.1519%203.61778C13.1817%203.63981%2013.2103%203.66433%2013.2373%203.69135L14.6515%205.10556C14.9444%205.39846%2014.9444%205.87333%2014.6515%206.16622C14.3586%206.45912%2013.8837%206.45912%2013.5908%206.16622L12.1766%204.75201C12.1494%204.7248%2012.1247%204.69601%2012.1026%204.66595L11.0299%205.73861C11.06%205.76077%2011.0888%205.78545%2011.116%205.81267L13.2373%207.93399C13.5302%208.22688%2013.5302%208.70176%2013.2373%208.99465C12.9444%209.28754%2012.4695%209.28754%2012.1766%208.99465L10.0553%206.87333C10.0281%206.84612%2010.0034%206.81733%209.98125%206.78726L8.90859%207.85993C8.93865%207.88209%208.96744%207.90678%208.99465%207.93399L10.4089%209.3482C10.7018%209.6411%2010.7018%2010.116%2010.4089%2010.4089C10.116%2010.7018%209.6411%2010.7018%209.3482%2010.4089L7.93399%208.99465C7.90678%208.96744%207.88209%208.93865%207.85993%208.90859L6.78727%209.98125C6.81733%2010.0034%206.84612%2010.0281%206.87333%2010.0553L8.99465%2012.1766C9.28754%2012.4695%209.28754%2012.9444%208.99465%2013.2373C8.70176%2013.5302%208.22688%2013.5302%207.93399%2013.2373L5.81267%2011.116C5.78545%2011.0888%205.76077%2011.06%205.73861%2011.0299L4.66595%2012.1026C4.69601%2012.1247%204.7248%2012.1494%204.75201%2012.1766L6.16622%2013.5908C6.45912%2013.8837%206.45912%2014.3586%206.16622%2014.6515C5.87333%2014.9444%205.39846%2014.9444%205.10556%2014.6515L3.69135%2013.2373C3.66433%2013.2103%203.63981%2013.1817%203.61778%2013.1519C2.53926%2014.2396%202%2014.8623%202%2015.6157Z%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%22M2%2015.6157C2%2016.463%202.68179%2017.1448%204.04537%2018.5083L5.49167%2019.9546C6.85525%2021.3182%207.53704%2022%208.38426%2022C9.23148%2022%209.91327%2021.3182%2011.2769%2019.9546L19.9546%2011.2769C21.3182%209.91327%2022%209.23148%2022%208.38426C22%207.53704%2021.3182%206.85525%2019.9546%205.49167L18.5083%204.04537C17.1448%202.68179%2016.463%202%2015.6157%202C14.8623%202%2014.2396%202.53926%2013.1519%203.61778C13.1817%203.63981%2013.2103%203.66433%2013.2373%203.69135L14.6515%205.10556C14.9444%205.39846%2014.9444%205.87333%2014.6515%206.16622C14.3586%206.45912%2013.8837%206.45912%2013.5908%206.16622L12.1766%204.75201C12.1494%204.7248%2012.1247%204.69601%2012.1026%204.66595L11.0299%205.73861C11.06%205.76077%2011.0888%205.78545%2011.116%205.81267L13.2373%207.93399C13.5302%208.22688%2013.5302%208.70176%2013.2373%208.99465C12.9444%209.28754%2012.4695%209.28754%2012.1766%208.99465L10.0553%206.87333C10.0281%206.84612%2010.0034%206.81733%209.98125%206.78726L8.90859%207.85993C8.93865%207.88209%208.96744%207.90678%208.99465%207.93399L10.4089%209.3482C10.7018%209.6411%2010.7018%2010.116%2010.4089%2010.4089C10.116%2010.7018%209.6411%2010.7018%209.3482%2010.4089L7.93399%208.99465C7.90678%208.96744%207.88209%208.93865%207.85993%208.90859L6.78727%209.98125C6.81733%2010.0034%206.84612%2010.0281%206.87333%2010.0553L8.99465%2012.1766C9.28754%2012.4695%209.28754%2012.9444%208.99465%2013.2373C8.70176%2013.5302%208.22688%2013.5302%207.93399%2013.2373L5.81267%2011.116C5.78545%2011.0888%205.76077%2011.06%205.73861%2011.0299L4.66595%2012.1026C4.69601%2012.1247%204.7248%2012.1494%204.75201%2012.1766L6.16622%2013.5908C6.45912%2013.8837%206.45912%2014.3586%206.16622%2014.6515C5.87333%2014.9444%205.39846%2014.9444%205.10556%2014.6515L3.69135%2013.2373C3.66433%2013.2103%203.63981%2013.1817%203.61778%2013.1519C2.53926%2014.2396%202%2014.8623%202%2015.6157Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/ruler-bold.svg?color=%231a73e8&size=48
