Иконка Bring Your Own Ip
material-symbols-light:bring-your-own-ip
Иконка Bring Your Own Ip (material-symbols-light:bring-your-own-ip) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Социальное
- Теги
- bringyour, yourown, ownip, bringyourownip, bring your own ip sharp, bring your own ip outline, bring your own ip outline sharp
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.493 20.292q-1.643-.709-2.859-1.924t-1.925-2.856T3 12.003t.709-3.51q.709-1.643 1.924-2.859T8.49 3.709T12 3q.404 0 .808.043t.808.093v.993q-.404-.05-.808-.093q-.404-.044-.808-.044q-.861 1.016-1.439 2.196q-.577 1.18-.942 2.466h3.766v1H9.38q-.114.577-.16 1.168q-.048.592-.048 1.183t.047 1.178q.047.586.16 1.163h5.24q.113-.577.16-1.166q.047-.59.047-1.18q0-.404-.023-.808t-.07-.808h1q.047.404.07.808t.023.808q0 .59-.047 1.18t-.16 1.166h4.034q.183-.577.264-1.166T20 12q0-.404-.043-.808q-.044-.404-.13-.808h1.03q.072.404.108.808q.035.404.035.808q0 1.868-.708 3.51t-1.924 2.858t-2.856 1.923t-3.509.709t-3.51-.708m-4.147-5.946h4.035q-.114-.577-.16-1.168q-.048-.591-.048-1.183q0-.591.047-1.178q.047-.586.16-1.163H4.347q-.182.577-.264 1.168Q4 11.414 4 12.005t.082 1.178t.264 1.163m6.381 5.55q-.815-1.004-1.336-2.15q-.52-1.148-.812-2.4H4.754q.84 1.833 2.412 3.043q1.57 1.211 3.561 1.507M4.754 8.654h3.835q.32-1.233.85-2.38t1.288-2.17q-1.971.315-3.552 1.526q-1.58 1.21-2.421 3.024M12 20.008q.83-1.057 1.436-2.216t.945-2.446H9.619q.339 1.287.939 2.466T12 20.009m1.273-.112q1.99-.277 3.562-1.497q1.57-1.22 2.411-3.053h-3.834q-.38 1.213-.88 2.37t-1.259 2.18M16 8V3h5v5zm2.692-2.692h1.539V3.769h-1.539z"/></svg>Как использовать иконку Bring Your Own Ip
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:bring-your-own-ip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:bring-your-own-ip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:bring-your-own-ip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--bring-your-own-ip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:bring-your-own-ip"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:bring-your-own-ip"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/bring-your-own-ip.svg" alt="Иконка Bring Your Own Ip" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Bring Your Own Ip в других наборах
Вопросы и ответы: Иконка Bring Your Own Ip
Можно ли бесплатно использовать иконку Bring Your Own Ip в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bring Your Own Ip в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:bring-your-own-ip" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bring Your Own Ip на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/bring-your-own-ip.svg" alt="Иконка Bring Your Own Ip">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.