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

Иконка Open In Browser

material-symbols:open-in-browser

Иконка Open In Browser (material-symbols:open-in-browser) — бесплатная 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
Теги
arrow, browser, in, open, site, up, web, website, window, action, openin, inbrowser, openinbrowser
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21h-4v-2h4V7H5v12h4v2zm6 0v-6.15l-1.6 1.6L8 15l4-4l4 4l-1.4 1.45l-1.6-1.6V21z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка open-in-browser-rounded
open-in-browser-rounded
 Иконка open-in-browser-sharp
open-in-browser-sharp
 Иконка open-in-full
open-in-full
 Иконка 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 Browser в других наборах

Иконка Open In Browser из набора Iconoir
Iconoir
 Иконка Open In Browser из набора Material Design Iconic Font
Material Design Iconic Font
 Иконка Open In Browser из набора Material Symbols Light
Material Symbols Light

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

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

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

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

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

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

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

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