Ruler Broken icon

solar:ruler-broken

The Ruler Broken icon (solar:ruler-broken) 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: rulerbroken

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-linecap="round" stroke-width="1.5"><path d="M19 12.2315L19.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.7685 2 14.0867 2.68179 12.7231 4.04537L4.04537 12.7231C2.68179 14.0867 2 14.7685 2 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.9546L16.2315 15"/><path d="M8.46436 8.46448L9.87857 9.87869"/><path d="M12.707 4.2218L14.1212 5.63602"/><path d="M4.22192 12.7072L5.63614 14.1214"/><path d="M6.34326 10.5858L8.46458 12.7071"/><path d="M10.5857 6.34314L12.707 8.46446"/></g></svg>

How to use the Ruler Broken icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

Ruler Broken icon FAQ

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

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

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

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

Browse all Solar icons →