Bring Your Own Ip アイコン
material-symbols-light:bring-your-own-ip
Bring Your Own Ip アイコン(material-symbols-light:bring-your-own-ip)は、Material Symbols Light セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bring Your Own Ip アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。