Иконка Ruler

reicon:ruler

Иконка Ruler (reicon:ruler) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Инструменты

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="m13.688 4.142l.964.964a.75.75 0 0 1-1.061 1.06l-.964-.964l-1.06 1.06l1.67 1.672a.75.75 0 0 1-1.06 1.06l-1.671-1.67l-1.061 1.06l.964.964a.75.75 0 1 1-1.06 1.061l-.965-.964l-1.06 1.06l1.67 1.672a.75.75 0 1 1-1.06 1.06l-1.671-1.67l-1.06 1.06l.963.964a.75.75 0 1 1-1.06 1.06l-.964-.963c-.464.469-.799.821-1.034 1.13c-.29.38-.358.604-.358.798c0 .193.068.417.358.797c.303.398.77.868 1.468 1.565l1.446 1.446c.697.697 1.167 1.165 1.565 1.468c.38.29.604.358.797.358s.418-.068.798-.358c.397-.303.868-.77 1.564-1.468l8.678-8.677c.697-.697 1.165-1.168 1.468-1.565c.29-.38.358-.604.358-.798c0-.193-.068-.417-.358-.797c-.303-.398-.77-.868-1.468-1.565l-1.446-1.446c-.697-.697-1.167-1.165-1.565-1.468c-.38-.29-.604-.358-.797-.358s-.418.068-.798.358c-.309.235-.661.57-1.13 1.034m.22-2.227c.514-.392 1.054-.665 1.708-.665s1.194.273 1.707.665c.487.372 1.028.913 1.679 1.563l1.52 1.52c.65.65 1.191 1.192 1.563 1.679c.392.513.665 1.054.665 1.707c0 .654-.273 1.194-.665 1.708c-.372.487-.913 1.028-1.563 1.678l-8.752 8.752c-.65.65-1.191 1.191-1.678 1.563c-.514.392-1.054.665-1.708.665s-1.194-.273-1.707-.665c-.487-.372-1.028-.913-1.679-1.563l-1.52-1.52c-.65-.65-1.191-1.192-1.563-1.679c-.392-.513-.665-1.054-.665-1.707c0-.654.273-1.194.665-1.708c.372-.487.913-1.028 1.563-1.678l8.752-8.752c.65-.65 1.191-1.191 1.678-1.563" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="reicon:ruler" width="24" />

Vue

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

<template>
  <Icon icon="reicon:ruler" width="24" />
</template>

Svelte

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

<Icon icon="reicon:ruler" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="reicon:ruler"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/reicon/ruler.svg" alt="Иконка Ruler" width="24" height="24">

Иконка Ruler в других наборах

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

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

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

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

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

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

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

Все Иконки Reicon →