Иконка U R L Block

fluent-mdl2:u-r-l-block

Иконка U R L Block (fluent-mdl2:u-r-l-block) — бесплатная SVG-иконка из набора Fluent UI MDL2 от 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>

Веб-компонент

<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">

Вопросы и ответы: Иконка U R L Block

Можно ли бесплатно использовать иконку U R L Block в коммерческих проектах?

Да. Fluent UI MDL2 icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку U R L Block в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent UI MDL2 →