ICONYZ
日本語
Myna UI Icons の Ruler Solid アイコン

Ruler Solid アイコン

mynaui:ruler-solid

Ruler Solid アイコン(mynaui:ruler-solid)は、Myna UI Icons セットの無料 SVG アイコンです(作者: Praveen Juge)。 24 × 24 のグリッドで描かれています。 Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Myna UI Icons
作者
Praveen Juge
ライセンス
MIT
サイズ
24 × 24
タグ
rulersolid
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.908 2.392c.583-.19 1.21-.19 1.793 0c.377.123.693.338 1.003.6c.297.253.635.59 1.042.998l1.259 1.259c.41.409.748.748 1.002 1.047c.263.31.478.626.601 1.004c.19.583.19 1.21 0 1.792c-.123.378-.338.693-.6 1.003c-.254.3-.593.638-1.002 1.047l-8.864 8.864c-.409.409-.748.748-1.046 1.001c-.31.263-.626.478-1.004.6c-.582.19-1.21.19-1.792.001c-.378-.123-.694-.338-1.004-.6c-.299-.255-.638-.594-1.047-1.003l-1.26-1.259c-.406-.407-.744-.744-.997-1.042c-.262-.31-.477-.626-.6-1.003a2.9 2.9 0 0 1 0-1.793c.123-.377.338-.694.6-1.003c.254-.3.593-.638 1.002-1.047l8.864-8.864c.409-.409.748-.748 1.047-1.001c.31-.263.626-.478 1.003-.601M6.974 12l-1.061 1.06l1.753 1.753a.75.75 0 0 0 1.06-1.06zm4.796-1.291l-1.753-1.753l-1.06 1.061l1.752 1.753a.75.75 0 1 0 1.06-1.061m1.29-4.796L12 6.973l1.752 1.753a.75.75 0 1 0 1.06-1.06z"/></svg>

Ruler Solid アイコンの使い方

React

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

<Icon icon="mynaui:ruler-solid" width="24" />

Vue

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

<template>
  <Icon icon="mynaui:ruler-solid" width="24" />
</template>

Svelte

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

<Icon icon="mynaui:ruler-solid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="mynaui:ruler-solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/mynaui/ruler-solid.svg" alt="Ruler Solid アイコン" width="24" height="24">

Myna UI Icons の関連アイコン

他のアイコンセットの Ruler Solid アイコン

Ruler Solid アイコン のよくある質問

Ruler Solid アイコンは商用利用でも無料ですか?

はい。Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Ruler Solid アイコンを使うには?

@iconify/react をインストールして <Icon icon="mynaui:ruler-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ruler Solid アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mynaui/ruler-solid.svg" alt="Ruler Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Myna UI Icons をすべて見る →