Ruler Pen Bold Duotone icon

solar:ruler-pen-bold-duotone

The Ruler Pen Bold Duotone icon (solar:ruler-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: rulerpen, penbold, boldduotone, rulerpenboldduotone

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="M16 22C14.1144 22 13.1716 22 12.5858 21.4142C12.0834 20.9119 12.0119 20.1469 12.0017 18.75L12 17.25V15.75V14.25V12.75V11.25V9.75V8.25V6.75L12.0017 5.25C12.0119 3.85306 12.0834 3.08814 12.5858 2.58579C13.1716 2 14.1144 2 16 2H18C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11439 22 6V18C22 19.8856 22 20.8284 21.4142 21.4142C20.8284 22 19.8856 22 18 22H16Z" opacity=".5"/><path d="M15 8.25H12V9.75H15C15.4142 9.75 15.75 9.41421 15.75 9C15.75 8.58578 15.4142 8.25 15 8.25Z"/><path d="M14 5.25L12.0017 5.25L12 6.75H14C14.4142 6.75 14.75 6.41421 14.75 6C14.75 5.58579 14.4142 5.25 14 5.25Z"/><path d="M14 11.25H12V12.75H14C14.4142 12.75 14.75 12.4142 14.75 12C14.75 11.5858 14.4142 11.25 14 11.25Z"/><path d="M15 14.25L12 14.25V15.75L15 15.75C15.4142 15.75 15.75 15.4142 15.75 15C15.75 14.5858 15.4142 14.25 15 14.25Z"/><path d="M14 17.25H12L12.0017 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18C14.75 17.5858 14.4142 17.25 14 17.25Z"/><path d="M8 14.9796L8 7.00027C7.23101 7.31727 6.21665 7.58917 5.00018 7.58917C3.78352 7.58917 2.76904 7.31718 2 7.00012L2 14.9796C2 15.6022 2 15.9136 2.03777 16.2192C2.08232 16.5796 2.166 16.934 2.28733 17.2763C2.39019 17.5665 2.52943 17.845 2.8079 18.4019L4.27639 21.3389C4.41343 21.613 4.69357 21.7861 5 21.7861C5.30643 21.7861 5.58657 21.613 5.72361 21.3389L7.1921 18.4019C7.47057 17.845 7.60981 17.5665 7.71267 17.2763C7.834 16.934 7.91768 16.5796 7.96223 16.2192C8 15.9136 8 15.6023 8 14.9796Z"/><path d="M5 2C6.65685 2 8 3.34315 8 5L8 7.00015C7.23101 7.31715 6.21665 7.58905 5.00018 7.58904C3.78352 7.58904 2.76904 7.31706 2 7V5C2 3.34315 3.34315 2 5 2Z" opacity=".5"/></g></svg>

How to use the Ruler Pen Bold Duotone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Solar

Ruler Pen Bold Duotone icon FAQ

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

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

How do I add the Ruler 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-pen-bold-duotone.svg" alt="Ruler Pen Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →