Ruler2 アイコン
reicon:ruler2
Ruler2 アイコン(reicon:ruler2)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、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="M5.948 1.25h12.59c.67 0 1.229 0 1.681.046c.473.048.913.153 1.309.417c.3.201.558.459.759.76c.264.395.369.835.417 1.308c.046.452.046 1.011.046 1.68v.077c0 .67 0 1.229-.046 1.681c-.048.473-.153.913-.418 1.309c-.2.3-.458.558-.758.759c-.396.264-.835.369-1.309.417c-.452.046-1.011.046-1.68.046H11c-.493 0-.787.002-.997.03a.7.7 0 0 0-.177.042l-.003.001l-.001.003l-.005.01a.7.7 0 0 0-.037.167c-.028.21-.03.504-.03.997v7.538c0 .67 0 1.229-.046 1.681c-.048.473-.153.913-.417 1.309a2.8 2.8 0 0 1-.76.759c-.395.264-.835.369-1.308.417c-.452.046-1.011.046-1.68.046h-.077c-.67 0-1.229 0-1.681-.046c-.473-.048-.913-.153-1.309-.418c-.3-.2-.558-.458-.759-.758c-.264-.396-.369-.835-.417-1.309c-.046-.452-.046-1.011-.046-1.68V5.947c0-.898 0-1.648.08-2.242c.084-.628.27-1.195.725-1.65c.456-.456 1.023-.642 1.65-.726c.595-.08 1.345-.08 2.243-.08M2.75 9.75H5a.75.75 0 1 0 0-1.5H2.75V6c0-.964.002-1.612.067-2.095c.062-.461.169-.659.3-.789s.327-.237.788-.3C4.388 2.753 5.036 2.75 6 2.75h2.25V5a.75.75 0 1 0 1.5 0V2.75h1.5V4a.75.75 0 0 0 1.5 0V2.75h1.5V5a.75.75 0 0 0 1.5 0V2.75h1.5V4a.75.75 0 0 0 1.5 0V2.75c.583 0 .994.005 1.317.038c.355.036.519.1.628.173c.136.09.253.208.344.345c.073.108.137.272.173.627c.037.367.038.85.038 1.567c0 .718 0 1.2-.038 1.567c-.036.355-.1.519-.173.627a1.3 1.3 0 0 1-.344.345c-.109.073-.273.137-.628.173c-.367.037-.85.038-1.567.038h-7.545c-.433 0-.83 0-1.152.043c-.356.048-.731.16-1.04.47s-.422.684-.47 1.04c-.043.323-.043.72-.043 1.152V18.5c0 .718 0 1.2-.038 1.567c-.036.355-.1.519-.173.628a1.3 1.3 0 0 1-.345.344c-.108.073-.272.137-.627.173c-.367.037-.85.038-1.567.038c-.718 0-1.2 0-1.567-.038c-.355-.036-.519-.1-.627-.173a1.3 1.3 0 0 1-.345-.344c-.073-.109-.137-.273-.173-.628c-.033-.323-.037-.734-.038-1.317H4a.75.75 0 0 0 0-1.5H2.75v-1.5H5a.75.75 0 0 0 0-1.5H2.75v-1.5H4a.75.75 0 0 0 0-1.5H2.75z" clip-rule="evenodd"/></svg>Ruler2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:ruler2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:ruler2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:ruler2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--ruler2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:ruler2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:ruler2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/ruler2.svg" alt="Ruler2 アイコン" width="24" height="24">Reicon の関連アイコン
Ruler2 アイコン のよくある質問
Ruler2 アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ruler2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:ruler2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ruler2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/ruler2.svg" alt="Ruler2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。