Иконка Browser Chrome
icon-park:browser-chrome
Иконка Browser Chrome (icon-park:browser-chrome) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Бренд
- Теги
- browserchrome
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 15C28.9706 15 33 19.0294 33 24C33 28.9706 28.9706 33 24 33C19.0294 33 15 28.9706 15 24C15 19.0294 19.0294 15 24 15ZM24 15H41.8654M17 42.7408L29.6439 31M6 15.2717L16.8751 29.552M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"/></svg>Как использовать иконку Browser Chrome
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:browser-chrome" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:browser-chrome" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:browser-chrome" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--browser-chrome]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:browser-chrome"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:browser-chrome"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park/browser-chrome.svg" alt="Иконка Browser Chrome" width="24" height="24">Похожие иконки в наборе IconPark
Иконка Browser Chrome в других наборах
Вопросы и ответы: Иконка Browser Chrome
Можно ли бесплатно использовать иконку Browser Chrome в коммерческих проектах?
Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Browser Chrome в React?
Установите @iconify/react и выведите <Icon icon="icon-park:browser-chrome" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Browser Chrome на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/browser-chrome.svg" alt="Иконка Browser Chrome">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.