Ruler Bold Duotone アイコン

Q: Ruler Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:ruler-bold-duotone

Ruler Bold Duotone アイコン(solar:ruler-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: ツール
タグ: rulerbold、boldduotone、rulerboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 15.6157C2 16.463 2.68179 17.1448 4.04537 18.5083L5.49167 19.9546C6.85525 21.3182 7.53704 22 8.38426 22C9.23148 22 9.91327 21.3182 11.2769 19.9546L19.9546 11.2769C21.3182 9.91327 22 9.23148 22 8.38426C22 7.53704 21.3182 6.85525 19.9546 5.49167L18.5083 4.04537C17.1448 2.68179 16.463 2 15.6157 2C14.8623 2 14.2396 2.53926 13.1519 3.61778L12.1026 4.66595L11.0299 5.73861L9.98125 6.78726L8.90859 7.85993L7.85993 8.90859L6.78727 9.98125L5.73861 11.0299L4.66595 12.1026L3.61778 13.1519C2.53926 14.2396 2 14.8623 2 15.6157Z" opacity=".5"/><path d="M13.2377 3.69124C13.2107 3.66423 13.1821 3.63971 13.1523 3.61768L12.103 4.66584C12.1251 4.6959 12.1498 4.72469 12.177 4.7519L13.5912 6.16612C13.8841 6.45901 14.359 6.45901 14.6519 6.16612C14.9448 5.87322 14.9448 5.39835 14.6519 5.10546L13.2377 3.69124Z"/><path d="M11.1164 5.81256C11.0891 5.78535 11.0604 5.76066 11.0303 5.73851L9.98164 6.78716C10.0038 6.81722 10.0285 6.84601 10.0557 6.87322L12.177 8.99454C12.4699 9.28744 12.9448 9.28744 13.2377 8.99454C13.5306 8.70165 13.5306 8.22678 13.2377 7.93388L11.1164 5.81256Z"/><path d="M8.99503 7.93388C8.96782 7.90667 8.93903 7.88198 8.90897 7.85983L7.86031 8.90848C7.88247 8.93854 7.90716 8.96733 7.93437 8.99454L9.34859 10.4088C9.64148 10.7017 10.1164 10.7017 10.4092 10.4088C10.7021 10.1159 10.7021 9.64099 10.4092 9.3481L8.99503 7.93388Z"/><path d="M6.87371 10.0552C6.8465 10.028 6.81771 10.0033 6.78765 9.98115L5.73899 11.0298C5.76115 11.0599 5.78584 11.0886 5.81305 11.1159L7.93437 13.2372C8.22726 13.5301 8.70214 13.5301 8.99503 13.2372C9.28792 12.9443 9.28792 12.4694 8.99503 12.1765L6.87371 10.0552Z"/><path d="M4.75239 12.1765C4.72518 12.1493 4.69639 12.1246 4.66633 12.1025L3.61816 13.1518C3.6402 13.1816 3.66472 13.2102 3.69173 13.2372L5.10594 14.6514C5.39884 14.9443 5.87371 14.9443 6.16661 14.6514C6.4595 14.3585 6.4595 13.8836 6.16661 13.5907L4.75239 12.1765Z"/></g></svg>

Ruler Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:ruler-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/ruler-bold-duotone.svg" alt="Ruler Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

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

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

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Solar アイコンをすべて見る →