ruler icon
ruler from Reicon by REICON · Outline · Tools · MIT Free for personal and commercial use.
- Name
- ruler
- Set
- Reicon
- Style
- Outline
- Category
- Tools
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All ruler icons →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 Iconruler-boldSolarrulerTabler IconsrulerTDesign IconsrulerUniconsrulerUnicons Monochrome
More tools icons from Reicon
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" fill-rule="evenodd" d="m13.688 4.142l.964.964a.75.75 0 0 1-1.061 1.06l-.964-.964l-1.06 1.06l1.67 1.672a.75.75 0 0 1-1.06 1.06l-1.671-1.67l-1.061 1.06l.964.964a.75.75 0 1 1-1.06 1.061l-.965-.964l-1.06 1.06l1.67 1.672a.75.75 0 1 1-1.06 1.06l-1.671-1.67l-1.06 1.06l.963.964a.75.75 0 1 1-1.06 1.06l-.964-.963c-.464.469-.799.821-1.034 1.13c-.29.38-.358.604-.358.798c0 .193.068.417.358.797c.303.398.77.868 1.468 1.565l1.446 1.446c.697.697 1.167 1.165 1.565 1.468c.38.29.604.358.797.358s.418-.068.798-.358c.397-.303.868-.77 1.564-1.468l8.678-8.677c.697-.697 1.165-1.168 1.468-1.565c.29-.38.358-.604.358-.798c0-.193-.068-.417-.358-.797c-.303-.398-.77-.868-1.468-1.565l-1.446-1.446c-.697-.697-1.167-1.165-1.565-1.468c-.38-.29-.604-.358-.797-.358s-.418.068-.798.358c-.309.235-.661.57-1.13 1.034m.22-2.227c.514-.392 1.054-.665 1.708-.665s1.194.273 1.707.665c.487.372 1.028.913 1.679 1.563l1.52 1.52c.65.65 1.191 1.192 1.563 1.679c.392.513.665 1.054.665 1.707c0 .654-.273 1.194-.665 1.708c-.372.487-.913 1.028-1.563 1.678l-8.752 8.752c-.65.65-1.191 1.191-1.678 1.563c-.514.392-1.054.665-1.708.665s-1.194-.273-1.707-.665c-.487-.372-1.028-.913-1.679-1.563l-1.52-1.52c-.65-.65-1.191-1.192-1.563-1.679c-.392-.513-.665-1.054-.665-1.707c0-.654.273-1.194.665-1.708c.372-.487.913-1.028 1.563-1.678l8.752-8.752c.65-.65 1.191-1.191 1.678-1.563" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconRuler(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="m13.688 4.142l.964.964a.75.75 0 0 1-1.061 1.06l-.964-.964l-1.06 1.06l1.67 1.672a.75.75 0 0 1-1.06 1.06l-1.671-1.67l-1.061 1.06l.964.964a.75.75 0 1 1-1.06 1.061l-.965-.964l-1.06 1.06l1.67 1.672a.75.75 0 1 1-1.06 1.06l-1.671-1.67l-1.06 1.06l.963.964a.75.75 0 1 1-1.06 1.06l-.964-.963c-.464.469-.799.821-1.034 1.13c-.29.38-.358.604-.358.798c0 .193.068.417.358.797c.303.398.77.868 1.468 1.565l1.446 1.446c.697.697 1.167 1.165 1.565 1.468c.38.29.604.358.797.358s.418-.068.798-.358c.397-.303.868-.77 1.564-1.468l8.678-8.677c.697-.697 1.165-1.168 1.468-1.565c.29-.38.358-.604.358-.798c0-.193-.068-.417-.358-.797c-.303-.398-.77-.868-1.468-1.565l-1.446-1.446c-.697-.697-1.167-1.165-1.565-1.468c-.38-.29-.604-.358-.797-.358s-.418.068-.798.358c-.309.235-.661.57-1.13 1.034m.22-2.227c.514-.392 1.054-.665 1.708-.665s1.194.273 1.707.665c.487.372 1.028.913 1.679 1.563l1.52 1.52c.65.65 1.191 1.192 1.563 1.679c.392.513.665 1.054.665 1.707c0 .654-.273 1.194-.665 1.708c-.372.487-.913 1.028-1.563 1.678l-8.752 8.752c-.65.65-1.191 1.191-1.678 1.563c-.514.392-1.054.665-1.708.665s-1.194-.273-1.707-.665c-.487-.372-1.028-.913-1.679-1.563l-1.52-1.52c-.65-.65-1.191-1.192-1.563-1.679c-.392-.513-.665-1.054-.665-1.707c0-.654.273-1.194.665-1.708c.372-.487.913-1.028 1.563-1.678l8.752-8.752c.65-.65 1.191-1.191 1.678-1.563" 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="m13.688 4.142l.964.964a.75.75 0 0 1-1.061 1.06l-.964-.964l-1.06 1.06l1.67 1.672a.75.75 0 0 1-1.06 1.06l-1.671-1.67l-1.061 1.06l.964.964a.75.75 0 1 1-1.06 1.061l-.965-.964l-1.06 1.06l1.67 1.672a.75.75 0 1 1-1.06 1.06l-1.671-1.67l-1.06 1.06l.963.964a.75.75 0 1 1-1.06 1.06l-.964-.963c-.464.469-.799.821-1.034 1.13c-.29.38-.358.604-.358.798c0 .193.068.417.358.797c.303.398.77.868 1.468 1.565l1.446 1.446c.697.697 1.167 1.165 1.565 1.468c.38.29.604.358.797.358s.418-.068.798-.358c.397-.303.868-.77 1.564-1.468l8.678-8.677c.697-.697 1.165-1.168 1.468-1.565c.29-.38.358-.604.358-.798c0-.193-.068-.417-.358-.797c-.303-.398-.77-.868-1.468-1.565l-1.446-1.446c-.697-.697-1.167-1.165-1.565-1.468c-.38-.29-.604-.358-.797-.358s-.418.068-.798.358c-.309.235-.661.57-1.13 1.034m.22-2.227c.514-.392 1.054-.665 1.708-.665s1.194.273 1.707.665c.487.372 1.028.913 1.679 1.563l1.52 1.52c.65.65 1.191 1.192 1.563 1.679c.392.513.665 1.054.665 1.707c0 .654-.273 1.194-.665 1.708c-.372.487-.913 1.028-1.563 1.678l-8.752 8.752c-.65.65-1.191 1.191-1.678 1.563c-.514.392-1.054.665-1.708.665s-1.194-.273-1.707-.665c-.487-.372-1.028-.913-1.679-1.563l-1.52-1.52c-.65-.65-1.191-1.192-1.563-1.679c-.392-.513-.665-1.054-.665-1.707c0-.654.273-1.194.665-1.708c.372-.487.913-1.028 1.563-1.678l8.752-8.752c.65-.65 1.191-1.191 1.678-1.563" clip-rule="evenodd"/></svg> </template>
CSS
.icon-ruler {
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%22m13.688%204.142l.964.964a.75.75%200%200%201-1.061%201.06l-.964-.964l-1.06%201.06l1.67%201.672a.75.75%200%200%201-1.06%201.06l-1.671-1.67l-1.061%201.06l.964.964a.75.75%200%201%201-1.06%201.061l-.965-.964l-1.06%201.06l1.67%201.672a.75.75%200%201%201-1.06%201.06l-1.671-1.67l-1.06%201.06l.963.964a.75.75%200%201%201-1.06%201.06l-.964-.963c-.464.469-.799.821-1.034%201.13c-.29.38-.358.604-.358.798c0%20.193.068.417.358.797c.303.398.77.868%201.468%201.565l1.446%201.446c.697.697%201.167%201.165%201.565%201.468c.38.29.604.358.797.358s.418-.068.798-.358c.397-.303.868-.77%201.564-1.468l8.678-8.677c.697-.697%201.165-1.168%201.468-1.565c.29-.38.358-.604.358-.798c0-.193-.068-.417-.358-.797c-.303-.398-.77-.868-1.468-1.565l-1.446-1.446c-.697-.697-1.167-1.165-1.565-1.468c-.38-.29-.604-.358-.797-.358s-.418.068-.798.358c-.309.235-.661.57-1.13%201.034m.22-2.227c.514-.392%201.054-.665%201.708-.665s1.194.273%201.707.665c.487.372%201.028.913%201.679%201.563l1.52%201.52c.65.65%201.191%201.192%201.563%201.679c.392.513.665%201.054.665%201.707c0%20.654-.273%201.194-.665%201.708c-.372.487-.913%201.028-1.563%201.678l-8.752%208.752c-.65.65-1.191%201.191-1.678%201.563c-.514.392-1.054.665-1.708.665s-1.194-.273-1.707-.665c-.487-.372-1.028-.913-1.679-1.563l-1.52-1.52c-.65-.65-1.191-1.192-1.563-1.679c-.392-.513-.665-1.054-.665-1.707c0-.654.273-1.194.665-1.708c.372-.487.913-1.028%201.563-1.678l8.752-8.752c.65-.65%201.191-1.191%201.678-1.563%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%22m13.688%204.142l.964.964a.75.75%200%200%201-1.061%201.06l-.964-.964l-1.06%201.06l1.67%201.672a.75.75%200%200%201-1.06%201.06l-1.671-1.67l-1.061%201.06l.964.964a.75.75%200%201%201-1.06%201.061l-.965-.964l-1.06%201.06l1.67%201.672a.75.75%200%201%201-1.06%201.06l-1.671-1.67l-1.06%201.06l.963.964a.75.75%200%201%201-1.06%201.06l-.964-.963c-.464.469-.799.821-1.034%201.13c-.29.38-.358.604-.358.798c0%20.193.068.417.358.797c.303.398.77.868%201.468%201.565l1.446%201.446c.697.697%201.167%201.165%201.565%201.468c.38.29.604.358.797.358s.418-.068.798-.358c.397-.303.868-.77%201.564-1.468l8.678-8.677c.697-.697%201.165-1.168%201.468-1.565c.29-.38.358-.604.358-.798c0-.193-.068-.417-.358-.797c-.303-.398-.77-.868-1.468-1.565l-1.446-1.446c-.697-.697-1.167-1.165-1.565-1.468c-.38-.29-.604-.358-.797-.358s-.418.068-.798.358c-.309.235-.661.57-1.13%201.034m.22-2.227c.514-.392%201.054-.665%201.708-.665s1.194.273%201.707.665c.487.372%201.028.913%201.679%201.563l1.52%201.52c.65.65%201.191%201.192%201.563%201.679c.392.513.665%201.054.665%201.707c0%20.654-.273%201.194-.665%201.708c-.372.487-.913%201.028-1.563%201.678l-8.752%208.752c-.65.65-1.191%201.191-1.678%201.563c-.514.392-1.054.665-1.708.665s-1.194-.273-1.707-.665c-.487-.372-1.028-.913-1.679-1.563l-1.52-1.52c-.65-.65-1.191-1.192-1.563-1.679c-.392-.513-.665-1.054-.665-1.707c0-.654.273-1.194.665-1.708c.372-.487.913-1.028%201.563-1.678l8.752-8.752c.65-.65%201.191-1.191%201.678-1.563%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.svg?color=%231a73e8&size=48
