Triangular Ruler アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:triangular-ruler

Triangular Ruler アイコン(openmoji:triangular-ruler)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 物
タグ: triangularruler

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="m17.16 15.955l.252 39.437L56.03 15.955zm5.25 16.436V22.163c0-.208.087-.408.242-.555a.83.83 0 0 1 .584-.23l10.425.007q.124 0 .24.034c.23.067.422.227.519.445a.75.75 0 0 1-.168.852l-10.424 10.22a.86.86 0 0 1-.903.18a.8.8 0 0 1-.478-.494a.8.8 0 0 1-.037-.231"/><path fill="#9b9b9a" d="m55.561 16.215l-6.776.167l-31.537 32.43l-.074 6.946z"/><path fill="#d0cfce" d="m23.855 43.289l-1.289-1.243m6.842-4.516l-1.289-1.243m4.065-1.636l-1.289-1.243m4.065-1.637l-1.289-1.243m4.066-1.636l-1.289-1.243m6.842-4.516l-1.289-1.243M26.719 40.494l-2.2-2.121m16.082-12.276l-2.2-2.121"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M17.065 56.081V16.056l38.779.025z"/><path d="M22.542 34.373V21.334l12.633.008zm1.313 8.916l-1.289-1.243m6.842-4.516l-1.289-1.243m4.065-1.636l-1.289-1.243m4.065-1.637l-1.289-1.243m4.066-1.636l-1.289-1.243m6.842-4.516l-1.289-1.243M26.719 40.494l-2.2-2.121m16.082-12.276l-2.2-2.121"/></g></svg>

Triangular Ruler アイコンの使い方

React

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

<Icon icon="openmoji:triangular-ruler" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:triangular-ruler" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:triangular-ruler" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:triangular-ruler"></iconify-icon>

HTML 画像

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

OpenMoji の関連アイコン

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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