Ruler Linear icon

solar:ruler-linear

The Ruler Linear icon (solar:ruler-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Tools
Tags: rulerlinear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4.04537 18.5083C2.68179 17.1448 2 16.463 2 15.6157C2 14.7685 2.68179 14.0867 4.04537 12.7231L12.7231 4.04537C14.0867 2.68179 14.7685 2 15.6157 2C16.463 2 17.1448 2.68179 18.5083 4.04537L19.9546 5.49167C21.3182 6.85525 22 7.53704 22 8.38426C22 9.23148 21.3182 9.91327 19.9546 11.2769L11.2769 19.9546C9.91327 21.3182 9.23148 22 8.38426 22C7.53704 22 6.85525 21.3182 5.49167 19.9546L4.04537 18.5083Z"/><path stroke-linecap="round" d="M8.46436 8.46448L9.87857 9.87869"/><path stroke-linecap="round" d="M12.707 4.2218L14.1212 5.63602"/><path stroke-linecap="round" d="M4.22168 12.7072L5.63589 14.1214"/><path stroke-linecap="round" d="M6.34326 10.5858L8.46458 12.7071"/><path stroke-linecap="round" d="M10.5859 6.34314L12.7073 8.46446"/></g></svg>

How to use the Ruler Linear icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:ruler-linear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:ruler-linear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:ruler-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ruler-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ruler-linear"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:ruler-linear"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/ruler-linear.svg" alt="Ruler Linear icon" width="24" height="24">

Related icons in Solar

Ruler Linear icon FAQ

Is the Ruler Linear icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Ruler Linear icon in React?

Install @iconify/react and render <Icon icon="solar:ruler-linear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ruler Linear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/ruler-linear.svg" alt="Ruler Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →