Ruler Cross Pen Bold Duotone icon

solar:ruler-cross-pen-bold-duotone

The Ruler Cross Pen Bold Duotone icon (solar:ruler-cross-pen-bold-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: rulercross, crosspen, penbold, boldduotone, rulercrosspenboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.8487 8.71306C22.3844 7.17735 22.3844 4.68748 20.8487 3.15178C19.313 1.61607 16.8231 1.61607 15.2874 3.15178L14.4004 4.03882C14.4125 4.0755 14.4251 4.11268 14.4382 4.15035C14.7633 5.0875 15.3768 6.31601 16.5308 7.47002C17.6848 8.62403 18.9133 9.23749 19.8505 9.56262C19.888 9.57563 19.925 9.58817 19.9615 9.60026L20.8487 8.71306Z" opacity=".5"/><path d="M14.4386 4L14.4004 4.03819C14.4125 4.07487 14.4251 4.11206 14.4382 4.14973C14.7633 5.08687 15.3768 6.31538 16.5308 7.4694C17.6848 8.62341 18.9133 9.23686 19.8505 9.56199C19.8876 9.57489 19.9243 9.58733 19.9606 9.59933L11.4001 18.1598C10.823 18.7369 10.5343 19.0255 10.2162 19.2737C9.84082 19.5665 9.43469 19.8175 9.00498 20.0223C8.6407 20.1959 8.25351 20.3249 7.47918 20.583L3.39584 21.9442C3.01478 22.0712 2.59466 21.972 2.31063 21.688C2.0266 21.4039 1.92743 20.9838 2.05445 20.6028L3.41556 16.5194C3.67368 15.7451 3.80273 15.3579 3.97634 14.9936C4.18114 14.5639 4.43213 14.1578 4.7249 13.7824C4.97307 13.4643 5.26165 13.1757 5.83874 12.5986L14.4386 4Z"/><g opacity=".5"><path d="M5.49167 4.04537L4.04537 5.49167C2.68179 6.85525 2 7.53704 2 8.38426C2 9.23148 2.68179 9.91327 4.04536 11.2768L5.60303 12.8345C5.67593 12.7614 5.75423 12.6831 5.83871 12.5986L12.8349 5.60343L11.2769 4.04537C9.91327 2.68179 9.23148 2 8.38426 2C7.53704 2 6.85525 2.68179 5.49167 4.04537Z"/><path d="M18.3957 11.1642L11.4001 18.1598C11.3156 18.2443 11.2372 18.3226 11.1641 18.3956L12.7231 19.9546C14.0867 21.3182 14.7685 22 15.6157 22C16.463 22 17.1448 21.3182 18.5083 19.9546L19.9546 18.5083C21.3182 17.1448 22 16.463 22 15.6157C22 14.7685 21.3182 14.0867 19.9546 12.7231L18.3957 11.1642Z"/></g><path d="M20.1085 12.8771L18.9394 14.0462C18.6465 14.3391 18.6465 14.814 18.9394 15.1069C19.2323 15.3997 19.7072 15.3997 20.0001 15.1069L21.1502 13.9567C20.8715 13.6441 20.5243 13.2932 20.1085 12.8771Z"/><path d="M9.76586 2.61279L8.4394 3.93926C8.1465 4.23215 8.1465 4.70702 8.4394 4.99992C8.73229 5.29281 9.20716 5.29281 9.50006 4.99992L10.8653 3.63468C10.4395 3.21214 10.0847 2.87151 9.76586 2.61279Z"/></g></svg>

How to use the Ruler Cross Pen Bold Duotone icon

React

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

<Icon icon="solar:ruler-cross-pen-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:ruler-cross-pen-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:ruler-cross-pen-bold-duotone" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ruler-cross-pen-bold-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-cross-pen-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/ruler-cross-pen-bold-duotone.svg" alt="Ruler Cross Pen Bold Duotone icon" width="24" height="24">

Related icons in Solar

Ruler Cross Pen Bold Duotone icon FAQ

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

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

How do I add the Ruler Cross Pen Bold Duotone icon to a web page?

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

Browse all Solar icons →