U R L Block アイコン

Q: U R L Block アイコンは商用利用でも無料ですか?

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

fluent-mdl2:u-r-l-block

U R L Block アイコン(fluent-mdl2:u-r-l-block)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI MDL2
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 2048 × 2048
タグ: ur、rl、lblock、urlblock

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1351 1047q-75 34-139 87t-112 121q-52 18-101 21t-103 4v-128h64q66 0 124-25t101-68t69-102t26-125t-25-124t-69-101t-102-69t-124-26H448q-66 0-124 25t-102 69t-69 102t-25 124t25 124t68 102t102 69t125 25h64v128h-64q-93 0-174-35t-142-96t-96-142T0 832q0-93 35-174t96-142t142-96t175-36h512q93 0 174 35t142 96t96 142t36 175q0 57-15 111t-42 104m528 16q-21-38-51-69t-66-52t-77-34t-85-12h-64V768h64q88 0 167 32t139 90t97 134t42 165q-71-77-166-126M768 1216q0 53 17 102t48 89t73 70t94 45q-3 20-5 39t-3 39q0 14 2 27t4 28q-78-16-143-57t-114-99t-74-131t-27-152q0-93 35-174t96-142t142-96t175-36h64v128h-64q-66 0-124 25t-102 69t-69 102t-25 124m1280 384q0 93-35 174t-96 143t-142 96t-175 35q-93 0-174-35t-143-96t-96-142t-35-175q0-93 35-174t96-143t142-96t175-35q93 0 174 35t143 96t96 142t35 175m-448 320q66 0 124-25t101-68t69-102t26-125t-25-124t-69-101t-102-69t-124-26t-124 25t-102 69t-69 102t-25 124t25 124t68 102t102 69t125 25m-192-256v-128h384v128z"/></svg>

U R L Block アイコンの使い方

React

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

<Icon icon="fluent-mdl2:u-r-l-block" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:u-r-l-block" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:u-r-l-block" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--u-r-l-block]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:u-r-l-block"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-mdl2:u-r-l-block"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/u-r-l-block.svg" alt="U R L Block アイコン" width="24" height="24">

Fluent UI MDL2 の関連アイコン

U R L Block アイコンのよくある質問

U R L Block アイコンは商用利用でも無料ですか?

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

React で U R L Block アイコンを使うには?

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

U R L Block アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/u-r-l-block.svg" alt="U R L Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent UI MDL2 アイコンをすべて見る →