Иконка Ruler Pen Bold Duotone

solar:ruler-pen-bold-duotone

Иконка Ruler Pen Bold Duotone (solar:ruler-pen-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Инструменты
Теги: rulerpen, penbold, boldduotone, rulerpenboldduotone

Скачать SVG

Код SVG

<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>

Как использовать иконку Ruler Pen Bold Duotone

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Ruler Pen Bold Duotone

Можно ли бесплатно использовать иконку Ruler Pen Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Ruler Pen Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:ruler-pen-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Ruler Pen Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/ruler-pen-bold-duotone.svg" alt="Иконка Ruler Pen Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →