Captive Portal Rounded アイコン
material-symbols-light:captive-portal-rounded
Captive Portal Rounded アイコン(material-symbols-light:captive-portal-rounded)は、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
- カテゴリ
- UI 操作
- タグ
- captiveportal、portalrounded、captiveportalrounded、captive portal outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 17.714v2.436q0 .214-.143.357t-.357.143t-.357-.143T16 20.15v-3.227q0-.394.265-.659q.264-.264.658-.264h3.227q.214 0 .357.143t.143.357t-.143.357t-.357.143h-2.461l3.115 3.116q.14.14.14.34t-.14.348q-.146.165-.357.156q-.21-.01-.357-.156zM12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12q0 .27-.012.57t-.057.569q-.031.213-.187.345t-.375.132q-.188 0-.328-.158t-.11-.366q.05-.269.06-.546T20 12q0-.596-.082-1.183t-.264-1.163h-4.035q.114.577.16 1.163q.048.587.048 1.183q0 .27-.01.566q-.01.297-.034.567q-.031.213-.177.348t-.36.134q-.188 0-.341-.152q-.153-.151-.122-.36q.025-.268.034-.551t.01-.552q0-.596-.047-1.183q-.047-.586-.16-1.163H9.38q-.113.577-.16 1.163T9.173 12t.047 1.183t.16 1.163h3.505q.213 0 .356.143t.144.357t-.144.357t-.356.143H9.619q.358 1.287.939 2.466T12 20.009q.289 0 .577-.007t.558-.051q.194-.03.334.107t.14.332q0 .219-.119.365t-.332.177q-.27.044-.57.057T12 21m-7.654-6.654h4.035q-.114-.577-.16-1.163q-.048-.587-.048-1.183t.047-1.183t.16-1.163H4.347q-.182.577-.264 1.163T4 12t.082 1.183t.264 1.163m6.381 5.55q-.758-1.023-1.287-2.17q-.53-1.147-.851-2.38H4.754q.84 1.813 2.421 3.024q1.58 1.21 3.552 1.526M4.754 8.654h3.835q.282-1.252.802-2.4q.52-1.146 1.336-2.15q-1.99.296-3.562 1.506q-1.57 1.211-2.411 3.044m4.865 0h4.762q-.339-1.287-.948-2.447q-.61-1.16-1.433-2.215q-.842 1.016-1.442 2.195t-.939 2.467m5.793 0h3.834q-.84-1.833-2.411-3.053t-3.562-1.497q.758 1.023 1.259 2.18t.88 2.37"/></svg>Captive Portal Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:captive-portal-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:captive-portal-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:captive-portal-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--captive-portal-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:captive-portal-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:captive-portal-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/captive-portal-rounded.svg" alt="Captive Portal Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Captive Portal Rounded アイコン
Captive Portal Rounded アイコン のよくある質問
Captive Portal Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Captive Portal Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:captive-portal-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Captive Portal Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/captive-portal-rounded.svg" alt="Captive Portal Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。