captive portal icon
captive-portal-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- captive-portal-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- captive-portal-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the captive portal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCaptivePortalRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-captive-portal-rounded {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2017.714v2.436q0%20.214-.143.357t-.357.143t-.357-.143T16%2020.15v-3.227q0-.394.265-.659q.264-.264.658-.264h3.227q.214%200%20.357.143t.143.357t-.143.357t-.357.143h-2.461l3.115%203.116q.14.14.14.34t-.14.348q-.146.165-.357.156q-.21-.01-.357-.156zM12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012t.71-3.506t1.927-2.857T8.494%203.71Q10.137%203%2012%203t3.506.71q1.642.711%202.857%201.927q1.216%201.215%201.926%202.857Q21%2010.137%2021%2012q0%20.27-.012.57t-.057.569q-.031.213-.187.345t-.375.132q-.188%200-.328-.158t-.11-.366q.05-.269.06-.546T20%2012q0-.596-.082-1.183t-.264-1.163h-4.035q.114.577.16%201.163q.048.587.048%201.183q0%20.27-.01.566q-.01.297-.034.567q-.031.213-.177.348t-.36.134q-.188%200-.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%201.163T9.173%2012t.047%201.183t.16%201.163h3.505q.213%200%20.356.143t.144.357t-.144.357t-.356.143H9.619q.358%201.287.939%202.466T12%2020.009q.289%200%20.577-.007t.558-.051q.194-.03.334.107t.14.332q0%20.219-.119.365t-.332.177q-.27.044-.57.057T12%2021m-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%201.163T4%2012t.082%201.183t.264%201.163m6.381%205.55q-.758-1.023-1.287-2.17q-.53-1.147-.851-2.38H4.754q.84%201.813%202.421%203.024q1.58%201.21%203.552%201.526M4.754%208.654h3.835q.282-1.252.802-2.4q.52-1.146%201.336-2.15q-1.99.296-3.562%201.506q-1.57%201.211-2.411%203.044m4.865%200h4.762q-.339-1.287-.948-2.447q-.61-1.16-1.433-2.215q-.842%201.016-1.442%202.195t-.939%202.467m5.793%200h3.834q-.84-1.833-2.411-3.053t-3.562-1.497q.758%201.023%201.259%202.18t.88%202.37%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17%2017.714v2.436q0%20.214-.143.357t-.357.143t-.357-.143T16%2020.15v-3.227q0-.394.265-.659q.264-.264.658-.264h3.227q.214%200%20.357.143t.143.357t-.143.357t-.357.143h-2.461l3.115%203.116q.14.14.14.34t-.14.348q-.146.165-.357.156q-.21-.01-.357-.156zM12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012t.71-3.506t1.927-2.857T8.494%203.71Q10.137%203%2012%203t3.506.71q1.642.711%202.857%201.927q1.216%201.215%201.926%202.857Q21%2010.137%2021%2012q0%20.27-.012.57t-.057.569q-.031.213-.187.345t-.375.132q-.188%200-.328-.158t-.11-.366q.05-.269.06-.546T20%2012q0-.596-.082-1.183t-.264-1.163h-4.035q.114.577.16%201.163q.048.587.048%201.183q0%20.27-.01.566q-.01.297-.034.567q-.031.213-.177.348t-.36.134q-.188%200-.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%201.163T9.173%2012t.047%201.183t.16%201.163h3.505q.213%200%20.356.143t.144.357t-.144.357t-.356.143H9.619q.358%201.287.939%202.466T12%2020.009q.289%200%20.577-.007t.558-.051q.194-.03.334.107t.14.332q0%20.219-.119.365t-.332.177q-.27.044-.57.057T12%2021m-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%201.163T4%2012t.082%201.183t.264%201.163m6.381%205.55q-.758-1.023-1.287-2.17q-.53-1.147-.851-2.38H4.754q.84%201.813%202.421%203.024q1.58%201.21%203.552%201.526M4.754%208.654h3.835q.282-1.252.802-2.4q.52-1.146%201.336-2.15q-1.99.296-3.562%201.506q-1.57%201.211-2.411%203.044m4.865%200h4.762q-.339-1.287-.948-2.447q-.61-1.16-1.433-2.215q-.842%201.016-1.442%202.195t-.939%202.467m5.793%200h3.834q-.84-1.833-2.411-3.053t-3.562-1.497q.758%201.023%201.259%202.18t.88%202.37%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/captive-portal-rounded.svg?color=%231a73e8&size=48
