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

Иконка Open In Full

material-symbols:open-in-full

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

Набор
Material Symbols
Автор
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="M3 21v-8h2v4.6L17.6 5H13V3h8v8h-2V6.4L6.4 19H11v2z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols: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:open-in-full"></iconify-icon>

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

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

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

Иконка 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 Light
Material Symbols Light

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

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

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

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

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

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

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

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