ruler icon
ruler-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- ruler-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
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 IconrulerPhosphorruler-fillRemix Iconruler-boldSolarrulerTabler IconsrulerTDesign IconsrulerUniconsrulerUnicons MonochromerulerUnicons Solid
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="M14.908 2.392c.583-.19 1.21-.19 1.793 0c.377.123.693.338 1.003.6c.297.253.635.59 1.042.998l1.259 1.259c.41.409.748.748 1.002 1.047c.263.31.478.626.601 1.004c.19.583.19 1.21 0 1.792c-.123.378-.338.693-.6 1.003c-.254.3-.593.638-1.002 1.047l-8.864 8.864c-.409.409-.748.748-1.046 1.001c-.31.263-.626.478-1.004.6c-.582.19-1.21.19-1.792.001c-.378-.123-.694-.338-1.004-.6c-.299-.255-.638-.594-1.047-1.003l-1.26-1.259c-.406-.407-.744-.744-.997-1.042c-.262-.31-.477-.626-.6-1.003a2.9 2.9 0 0 1 0-1.793c.123-.377.338-.694.6-1.003c.254-.3.593-.638 1.002-1.047l8.864-8.864c.409-.409.748-.748 1.047-1.001c.31-.263.626-.478 1.003-.601M6.974 12l-1.061 1.06l1.753 1.753a.75.75 0 0 0 1.06-1.06zm4.796-1.291l-1.753-1.753l-1.06 1.061l1.752 1.753a.75.75 0 1 0 1.06-1.061m1.29-4.796L12 6.973l1.752 1.753a.75.75 0 1 0 1.06-1.06z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiRulerSolid(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="M14.908 2.392c.583-.19 1.21-.19 1.793 0c.377.123.693.338 1.003.6c.297.253.635.59 1.042.998l1.259 1.259c.41.409.748.748 1.002 1.047c.263.31.478.626.601 1.004c.19.583.19 1.21 0 1.792c-.123.378-.338.693-.6 1.003c-.254.3-.593.638-1.002 1.047l-8.864 8.864c-.409.409-.748.748-1.046 1.001c-.31.263-.626.478-1.004.6c-.582.19-1.21.19-1.792.001c-.378-.123-.694-.338-1.004-.6c-.299-.255-.638-.594-1.047-1.003l-1.26-1.259c-.406-.407-.744-.744-.997-1.042c-.262-.31-.477-.626-.6-1.003a2.9 2.9 0 0 1 0-1.793c.123-.377.338-.694.6-1.003c.254-.3.593-.638 1.002-1.047l8.864-8.864c.409-.409.748-.748 1.047-1.001c.31-.263.626-.478 1.003-.601M6.974 12l-1.061 1.06l1.753 1.753a.75.75 0 0 0 1.06-1.06zm4.796-1.291l-1.753-1.753l-1.06 1.061l1.752 1.753a.75.75 0 1 0 1.06-1.061m1.29-4.796L12 6.973l1.752 1.753a.75.75 0 1 0 1.06-1.06z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.908 2.392c.583-.19 1.21-.19 1.793 0c.377.123.693.338 1.003.6c.297.253.635.59 1.042.998l1.259 1.259c.41.409.748.748 1.002 1.047c.263.31.478.626.601 1.004c.19.583.19 1.21 0 1.792c-.123.378-.338.693-.6 1.003c-.254.3-.593.638-1.002 1.047l-8.864 8.864c-.409.409-.748.748-1.046 1.001c-.31.263-.626.478-1.004.6c-.582.19-1.21.19-1.792.001c-.378-.123-.694-.338-1.004-.6c-.299-.255-.638-.594-1.047-1.003l-1.26-1.259c-.406-.407-.744-.744-.997-1.042c-.262-.31-.477-.626-.6-1.003a2.9 2.9 0 0 1 0-1.793c.123-.377.338-.694.6-1.003c.254-.3.593-.638 1.002-1.047l8.864-8.864c.409-.409.748-.748 1.047-1.001c.31-.263.626-.478 1.003-.601M6.974 12l-1.061 1.06l1.753 1.753a.75.75 0 0 0 1.06-1.06zm4.796-1.291l-1.753-1.753l-1.06 1.061l1.752 1.753a.75.75 0 1 0 1.06-1.061m1.29-4.796L12 6.973l1.752 1.753a.75.75 0 1 0 1.06-1.06z"/></svg> </template>
CSS
.icon-ruler-solid {
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%22M14.908%202.392c.583-.19%201.21-.19%201.793%200c.377.123.693.338%201.003.6c.297.253.635.59%201.042.998l1.259%201.259c.41.409.748.748%201.002%201.047c.263.31.478.626.601%201.004c.19.583.19%201.21%200%201.792c-.123.378-.338.693-.6%201.003c-.254.3-.593.638-1.002%201.047l-8.864%208.864c-.409.409-.748.748-1.046%201.001c-.31.263-.626.478-1.004.6c-.582.19-1.21.19-1.792.001c-.378-.123-.694-.338-1.004-.6c-.299-.255-.638-.594-1.047-1.003l-1.26-1.259c-.406-.407-.744-.744-.997-1.042c-.262-.31-.477-.626-.6-1.003a2.9%202.9%200%200%201%200-1.793c.123-.377.338-.694.6-1.003c.254-.3.593-.638%201.002-1.047l8.864-8.864c.409-.409.748-.748%201.047-1.001c.31-.263.626-.478%201.003-.601M6.974%2012l-1.061%201.06l1.753%201.753a.75.75%200%200%200%201.06-1.06zm4.796-1.291l-1.753-1.753l-1.06%201.061l1.752%201.753a.75.75%200%201%200%201.06-1.061m1.29-4.796L12%206.973l1.752%201.753a.75.75%200%201%200%201.06-1.06z%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%22M14.908%202.392c.583-.19%201.21-.19%201.793%200c.377.123.693.338%201.003.6c.297.253.635.59%201.042.998l1.259%201.259c.41.409.748.748%201.002%201.047c.263.31.478.626.601%201.004c.19.583.19%201.21%200%201.792c-.123.378-.338.693-.6%201.003c-.254.3-.593.638-1.002%201.047l-8.864%208.864c-.409.409-.748.748-1.046%201.001c-.31.263-.626.478-1.004.6c-.582.19-1.21.19-1.792.001c-.378-.123-.694-.338-1.004-.6c-.299-.255-.638-.594-1.047-1.003l-1.26-1.259c-.406-.407-.744-.744-.997-1.042c-.262-.31-.477-.626-.6-1.003a2.9%202.9%200%200%201%200-1.793c.123-.377.338-.694.6-1.003c.254-.3.593-.638%201.002-1.047l8.864-8.864c.409-.409.748-.748%201.047-1.001c.31-.263.626-.478%201.003-.601M6.974%2012l-1.061%201.06l1.753%201.753a.75.75%200%200%200%201.06-1.06zm4.796-1.291l-1.753-1.753l-1.06%201.061l1.752%201.753a.75.75%200%201%200%201.06-1.061m1.29-4.796L12%206.973l1.752%201.753a.75.75%200%201%200%201.06-1.06z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/ruler-solid.svg?color=%231a73e8&size=48
