ICONYZ
Русский
Иконка Open In Full из набора Material Symbols Light

Иконка Open In Full

material-symbols-light:open-in-full

Иконка Open In Full (material-symbols-light:open-in-full) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols Light
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Действия интерфейса
Теги
action, arrow, arrows, expand, full, grow, in, move, open, openin, infull, openinfull, open in full sharp, open in full outline, open in full outline sharp
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20v-7h1v5.312L18.312 5H13V4h7v7h-1V5.689L5.689 19H11v1z"/></svg>

Как использовать иконку Open In Full

React

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

<Icon icon="material-symbols-light:open-in-full" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:open-in-full" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:open-in-full" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--open-in-full]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:open-in-full"></div>

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

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

<iconify-icon icon="material-symbols-light:open-in-full"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/open-in-full.svg" alt="Иконка Open In Full" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

Иконка open-in-browser
open-in-browser
 Иконка open-in-browser-rounded
open-in-browser-rounded
 Иконка open-in-browser-sharp
open-in-browser-sharp
 Иконка open-in-full-rounded
open-in-full-rounded
 Иконка open-in-new
open-in-new
 Иконка open-in-new-down
open-in-new-down
 Иконка open-in-new-down-rounded
open-in-new-down-rounded
 Иконка open-in-new-down-sharp
open-in-new-down-sharp
 Иконка open-in-new-off
open-in-new-off
 Иконка open-in-new-off-rounded
open-in-new-off-rounded
 Иконка open-in-new-off-sharp
open-in-new-off-sharp
 Иконка open-in-new-rounded
open-in-new-rounded
 Иконка open-in-new-sharp
open-in-new-sharp
 Иконка open-jam
open-jam
 Иконка open-jam-outline
open-jam-outline
 Иконка open-jam-outline-rounded
open-jam-outline-rounded
 Иконка open-jam-outline-sharp
open-jam-outline-sharp
 Иконка open-jam-rounded
open-jam-rounded
 Иконка open-jam-sharp
open-jam-sharp
 Иконка open-run
open-run
 Иконка open-run-rounded
open-run-rounded
 Иконка open-with
open-with
 Иконка open-with-rounded
open-with-rounded

Иконка Open In Full в других наборах

Иконка Open In Full из набора Material Symbols
Material Symbols

Вопросы и ответы: Иконка Open In Full

Можно ли бесплатно использовать иконку Open In Full в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Open In Full в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:open-in-full" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Open In Full на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/open-in-full.svg" alt="Иконка Open In Full">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →