Ruler Line Duotone icon

solar:ruler-line-duotone

The Ruler Line Duotone icon (solar:ruler-line-duotone) 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: rulerline, lineduotone, rulerlineduotone

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" opacity=".5"/><path stroke-linecap="round" d="M12.707 4.2218L14.1212 5.63602" opacity=".5"/><path stroke-linecap="round" d="M4.22192 12.7072L5.63614 14.1214" opacity=".5"/><path stroke-linecap="round" d="M6.34326 10.5858L8.46458 12.7071" opacity=".5"/><path stroke-linecap="round" d="M10.5857 6.34314L12.707 8.46446" opacity=".5"/></g></svg>

How to use the Ruler Line Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:ruler-line-duotone"></iconify-icon>

HTML image

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

Related icons in Solar

Ruler Line Duotone icon FAQ

Is the Ruler Line Duotone 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 Line Duotone icon in React?

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

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

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

Browse all Solar icons →