Skip to content

Soracom

Design System
Home Design System Images Icons

Icons

Overview 

SDS uses some standard --modifiers which can be appended to the following SDS components to include icons:

The most basic example is a standalone icon element:

<i class="ds-icon --icon-user"></i>

Commonly used 

Actions 

  • CLASS: --icon-cancel --icon-cancel SCSS: $icon-cancel $icon-cancel IMG: /icon/actions/cancel.svg https://assets.soracom.io/icon/actions/cancel.svg
  • CLASS: --icon-confirm --icon-confirm SCSS: $icon-confirm $icon-confirm IMG: /icon/actions/confirm.svg https://assets.soracom.io/icon/actions/confirm.svg
  • CLASS: --icon-copy --icon-copy SCSS: $icon-copy $icon-copy IMG: /icon/actions/copy.svg https://assets.soracom.io/icon/actions/copy.svg
  • CLASS: --icon-coverage --icon-coverage SCSS: $icon-coverage $icon-coverage IMG: /icon/actions/coverage.svg https://assets.soracom.io/icon/actions/coverage.svg
  • CLASS: --icon-cut --icon-cut SCSS: $icon-cut $icon-cut IMG: /icon/actions/cut.svg https://assets.soracom.io/icon/actions/cut.svg
  • CLASS: --icon-delete --icon-delete SCSS: $icon-delete $icon-delete IMG: /icon/actions/delete.svg https://assets.soracom.io/icon/actions/delete.svg
  • CLASS: --icon-download --icon-download SCSS: $icon-download $icon-download IMG: /icon/actions/download.svg https://assets.soracom.io/icon/actions/download.svg
  • CLASS: --icon-edit --icon-edit SCSS: $icon-edit $icon-edit IMG: /icon/actions/edit.svg https://assets.soracom.io/icon/actions/edit.svg
  • CLASS: --icon-filter --icon-filter SCSS: $icon-filter $icon-filter IMG: /icon/actions/filter.svg https://assets.soracom.io/icon/actions/filter.svg
  • CLASS: --icon-hidden --icon-hidden SCSS: $icon-hidden $icon-hidden IMG: /icon/actions/hidden.svg https://assets.soracom.io/icon/actions/hidden.svg
  • CLASS: --icon-inspect --icon-inspect SCSS: $icon-inspect $icon-inspect IMG: /icon/actions/inspect.svg https://assets.soracom.io/icon/actions/inspect.svg
  • CLASS: --icon-link --icon-link SCSS: $icon-link $icon-link IMG: /icon/actions/link.svg https://assets.soracom.io/icon/actions/link.svg
  • CLASS: --icon-remove --icon-remove SCSS: $icon-remove $icon-remove IMG: /icon/actions/remove.svg https://assets.soracom.io/icon/actions/remove.svg
  • CLASS: --icon-search --icon-search SCSS: $icon-search $icon-search IMG: /icon/actions/search.svg https://assets.soracom.io/icon/actions/search.svg
  • CLASS: --icon-share --icon-share SCSS: $icon-share $icon-share IMG: /icon/actions/share.svg https://assets.soracom.io/icon/actions/share.svg
  • CLASS: --icon-unlink --icon-unlink SCSS: $icon-unlink $icon-unlink IMG: /icon/actions/unlink.svg https://assets.soracom.io/icon/actions/unlink.svg
  • CLASS: --icon-visible --icon-visible SCSS: $icon-visible $icon-visible IMG: /icon/actions/visible.svg https://assets.soracom.io/icon/actions/visible.svg
  • CLASS: --icon-circle-menu --icon-circle-menu SCSS: $icon-circle-menu $icon-circle-menu IMG: /icon/navigation/circle-menu.svg https://assets.soracom.io/icon/navigation/circle-menu.svg
  • CLASS: --icon-circle-more-horizontal --icon-circle-more-horizontal SCSS: $icon-circle-more-horizontal $icon-circle-more-horizontal IMG: /icon/navigation/circle-more-horizontal.svg https://assets.soracom.io/icon/navigation/circle-more-horizontal.svg
  • CLASS: --icon-circle-more-vertical --icon-circle-more-vertical SCSS: $icon-circle-more-vertical $icon-circle-more-vertical IMG: /icon/navigation/circle-more-vertical.svg https://assets.soracom.io/icon/navigation/circle-more-vertical.svg
  • CLASS: --icon-dashboard --icon-dashboard SCSS: $icon-dashboard $icon-dashboard IMG: /icon/navigation/dashboard.svg https://assets.soracom.io/icon/navigation/dashboard.svg
  • CLASS: --icon-external-link --icon-external-link SCSS: $icon-external-link $icon-external-link IMG: /icon/navigation/external-link.svg https://assets.soracom.io/icon/navigation/external-link.svg
  • CLASS: --icon-home --icon-home SCSS: $icon-home $icon-home IMG: /icon/navigation/home.svg https://assets.soracom.io/icon/navigation/home.svg
  • CLASS: --icon-menu-dots --icon-menu-dots SCSS: $icon-menu-dots $icon-menu-dots IMG: /icon/navigation/menu-dots.svg https://assets.soracom.io/icon/navigation/menu-dots.svg
  • CLASS: --icon-menu --icon-menu SCSS: $icon-menu $icon-menu IMG: /icon/navigation/menu.svg https://assets.soracom.io/icon/navigation/menu.svg
  • CLASS: --icon-more-horizontal --icon-more-horizontal SCSS: $icon-more-horizontal $icon-more-horizontal IMG: /icon/navigation/more-horizontal.svg https://assets.soracom.io/icon/navigation/more-horizontal.svg
  • CLASS: --icon-more-vertical --icon-more-vertical SCSS: $icon-more-vertical $icon-more-vertical IMG: /icon/navigation/more-vertical.svg https://assets.soracom.io/icon/navigation/more-vertical.svg

Status 

  • CLASS: --icon-active-offline --icon-active-offline SCSS: $icon-active-offline $icon-active-offline IMG: /icon/status/active-offline.svg https://assets.soracom.io/icon/status/active-offline.svg
  • CLASS: --icon-active-online --icon-active-online SCSS: $icon-active-online $icon-active-online IMG: /icon/status/active-online.svg https://assets.soracom.io/icon/status/active-online.svg
  • CLASS: --icon-inactive --icon-inactive SCSS: $icon-inactive $icon-inactive IMG: /icon/status/inactive.svg https://assets.soracom.io/icon/status/inactive.svg
  • CLASS: --icon-offline --icon-offline SCSS: $icon-offline $icon-offline IMG: /icon/status/offline.svg https://assets.soracom.io/icon/status/offline.svg
  • CLASS: --icon-online --icon-online SCSS: $icon-online $icon-online IMG: /icon/status/online.svg https://assets.soracom.io/icon/status/online.svg
  • CLASS: --icon-ready --icon-ready SCSS: $icon-ready $icon-ready IMG: /icon/status/ready.svg https://assets.soracom.io/icon/status/ready.svg
  • CLASS: --icon-standby --icon-standby SCSS: $icon-standby $icon-standby IMG: /icon/status/standby.svg https://assets.soracom.io/icon/status/standby.svg
  • CLASS: --icon-suspended --icon-suspended SCSS: $icon-suspended $icon-suspended IMG: /icon/status/suspended.svg https://assets.soracom.io/icon/status/suspended.svg
  • CLASS: --icon-terminated --icon-terminated SCSS: $icon-terminated $icon-terminated IMG: /icon/status/terminated.svg https://assets.soracom.io/icon/status/terminated.svg

UI 

  • CLASS: --icon-ui-arrow-down-large --icon-ui-arrow-down-large SCSS: $icon-ui-arrow-down-large $icon-ui-arrow-down-large IMG: /icon/ui/ui-arrow-down-large.svg https://assets.soracom.io/icon/ui/ui-arrow-down-large.svg
  • CLASS: --icon-ui-arrow-down --icon-ui-arrow-down SCSS: $icon-ui-arrow-down $icon-ui-arrow-down IMG: /icon/ui/ui-arrow-down.svg https://assets.soracom.io/icon/ui/ui-arrow-down.svg
  • CLASS: --icon-ui-arrow-up-down --icon-ui-arrow-up-down SCSS: $icon-ui-arrow-up-down $icon-ui-arrow-up-down IMG: /icon/ui/ui-arrow-up-down.svg https://assets.soracom.io/icon/ui/ui-arrow-up-down.svg
  • CLASS: --icon-ui-checkbox-checked --icon-ui-checkbox-checked SCSS: $icon-ui-checkbox-checked $icon-ui-checkbox-checked IMG: /icon/ui/ui-checkbox-checked.svg https://assets.soracom.io/icon/ui/ui-checkbox-checked.svg
  • CLASS: --icon-ui-checkbox-indeterminate --icon-ui-checkbox-indeterminate SCSS: $icon-ui-checkbox-indeterminate $icon-ui-checkbox-indeterminate IMG: /icon/ui/ui-checkbox-indeterminate.svg https://assets.soracom.io/icon/ui/ui-checkbox-indeterminate.svg
  • CLASS: --icon-ui-checkbox-unchecked --icon-ui-checkbox-unchecked SCSS: $icon-ui-checkbox-unchecked $icon-ui-checkbox-unchecked IMG: /icon/ui/ui-checkbox-unchecked.svg https://assets.soracom.io/icon/ui/ui-checkbox-unchecked.svg
  • CLASS: --icon-ui-dark-mode --icon-ui-dark-mode SCSS: $icon-ui-dark-mode $icon-ui-dark-mode IMG: /icon/ui/ui-dark-mode.svg https://assets.soracom.io/icon/ui/ui-dark-mode.svg
  • CLASS: --icon-ui-light-mode --icon-ui-light-mode SCSS: $icon-ui-light-mode $icon-ui-light-mode IMG: /icon/ui/ui-light-mode.svg https://assets.soracom.io/icon/ui/ui-light-mode.svg

Soracom Icon Set 

The following SIS icons are available in SDS

Platform 

  • CLASS: --icon-s-plus-add --icon-s-plus-add SCSS: $icon-s-plus-add $icon-s-plus-add IMG: /icon/soracom/platform/s-plus-add.svg https://assets.soracom.io/icon/soracom/platform/s-plus-add.svg
  • CLASS: --icon-s-plus-download --icon-s-plus-download SCSS: $icon-s-plus-download $icon-s-plus-download IMG: /icon/soracom/platform/s-plus-download.svg https://assets.soracom.io/icon/soracom/platform/s-plus-download.svg
  • CLASS: --icon-s-plus-minus --icon-s-plus-minus SCSS: $icon-s-plus-minus $icon-s-plus-minus IMG: /icon/soracom/platform/s-plus-minus.svg https://assets.soracom.io/icon/soracom/platform/s-plus-minus.svg
  • CLASS: --icon-s-plus-upload --icon-s-plus-upload SCSS: $icon-s-plus-upload $icon-s-plus-upload IMG: /icon/soracom/platform/s-plus-upload.svg https://assets.soracom.io/icon/soracom/platform/s-plus-upload.svg
  • CLASS: --icon-sds --icon-sds SCSS: $icon-sds $icon-sds IMG: /icon/soracom/platform/sds.svg https://assets.soracom.io/icon/soracom/platform/sds.svg
  • CLASS: --icon-api --icon-api SCSS: $icon-api $icon-api IMG: /icon/soracom/platform/sis0053-api.svg https://assets.soracom.io/icon/soracom/platform/sis0053-api.svg
  • CLASS: --icon-lora --icon-lora SCSS: $icon-lora $icon-lora IMG: /icon/soracom/platform/sis0095-lora.svg https://assets.soracom.io/icon/soracom/platform/sis0095-lora.svg
  • CLASS: --icon-vpg --icon-vpg SCSS: $icon-vpg $icon-vpg IMG: /icon/soracom/platform/sis0099-vpg.svg https://assets.soracom.io/icon/soracom/platform/sis0099-vpg.svg
  • CLASS: --icon-gateway --icon-gateway SCSS: $icon-gateway $icon-gateway IMG: /icon/soracom/platform/sis0100-gateway.svg https://assets.soracom.io/icon/soracom/platform/sis0100-gateway.svg
  • CLASS: --icon-soracom-funnel-adaptor --icon-soracom-funnel-adaptor SCSS: $icon-soracom-funnel-adaptor $icon-soracom-funnel-adaptor IMG: /icon/soracom/platform/sis0138-soracom-funnel-adaptor.svg https://assets.soracom.io/icon/soracom/platform/sis0138-soracom-funnel-adaptor.svg
  • CLASS: --icon-sps-partner-a --icon-sps-partner-a SCSS: $icon-sps-partner-a $icon-sps-partner-a IMG: /icon/soracom/platform/sis0139-sps-partner-a.svg https://assets.soracom.io/icon/soracom/platform/sis0139-sps-partner-a.svg
  • CLASS: --icon-sps-partner-b --icon-sps-partner-b SCSS: $icon-sps-partner-b $icon-sps-partner-b IMG: /icon/soracom/platform/sis0140-sps-partner-b.svg https://assets.soracom.io/icon/soracom/platform/sis0140-sps-partner-b.svg
  • CLASS: --icon-soracom-button --icon-soracom-button SCSS: $icon-soracom-button $icon-soracom-button IMG: /icon/soracom/platform/sis0153-soracom-button.svg https://assets.soracom.io/icon/soracom/platform/sis0153-soracom-button.svg
  • CLASS: --icon-s-plus-camera-a --icon-s-plus-camera-a SCSS: $icon-s-plus-camera-a $icon-s-plus-camera-a IMG: /icon/soracom/platform/sis0208-s-plus-camera-a.svg https://assets.soracom.io/icon/soracom/platform/sis0208-s-plus-camera-a.svg
  • CLASS: --icon-s-plus-camera-b --icon-s-plus-camera-b SCSS: $icon-s-plus-camera-b $icon-s-plus-camera-b IMG: /icon/soracom/platform/sis0209-s-plus-camera-b.svg https://assets.soracom.io/icon/soracom/platform/sis0209-s-plus-camera-b.svg
  • CLASS: --icon-vpg-type-c --icon-vpg-type-c SCSS: $icon-vpg-type-c $icon-vpg-type-c IMG: /icon/soracom/platform/sis0210-vpg-type-c.svg https://assets.soracom.io/icon/soracom/platform/sis0210-vpg-type-c.svg
  • CLASS: --icon-vpg-type-d --icon-vpg-type-d SCSS: $icon-vpg-type-d $icon-vpg-type-d IMG: /icon/soracom/platform/sis0211-vpg-type-d.svg https://assets.soracom.io/icon/soracom/platform/sis0211-vpg-type-d.svg
  • CLASS: --icon-vpg-type-e --icon-vpg-type-e SCSS: $icon-vpg-type-e $icon-vpg-type-e IMG: /icon/soracom/platform/sis0212-vpg-type-e.svg https://assets.soracom.io/icon/soracom/platform/sis0212-vpg-type-e.svg
  • CLASS: --icon-vpg-type-f --icon-vpg-type-f SCSS: $icon-vpg-type-f $icon-vpg-type-f IMG: /icon/soracom/platform/sis0213-vpg-type-f.svg https://assets.soracom.io/icon/soracom/platform/sis0213-vpg-type-f.svg
  • CLASS: --icon-s-plus-smart-notification-service --icon-s-plus-smart-notification-service SCSS: $icon-s-plus-smart-notification-service $icon-s-plus-smart-notification-service IMG: /icon/soracom/platform/sis0214-s-plus-smart-notification-service.svg https://assets.soracom.io/icon/soracom/platform/sis0214-s-plus-smart-notification-service.svg
  • CLASS: --icon-gps-multiunit-soracom-edition --icon-gps-multiunit-soracom-edition SCSS: $icon-gps-multiunit-soracom-edition $icon-gps-multiunit-soracom-edition IMG: /icon/soracom/platform/sis0215-gps-multiunit-soracom-edition.svg https://assets.soracom.io/icon/soracom/platform/sis0215-gps-multiunit-soracom-edition.svg
  • CLASS: --icon-virtual-sim --icon-virtual-sim SCSS: $icon-virtual-sim $icon-virtual-sim IMG: /icon/soracom/platform/sis0220-virtual-sim.svg https://assets.soracom.io/icon/soracom/platform/sis0220-virtual-sim.svg
  • CLASS: --icon-soracom-platform-a --icon-soracom-platform-a SCSS: $icon-soracom-platform-a $icon-soracom-platform-a IMG: /icon/soracom/platform/siss001-soracom-platform-a.svg https://assets.soracom.io/icon/soracom/platform/siss001-soracom-platform-a.svg
  • CLASS: --icon-soracom-platform-b --icon-soracom-platform-b SCSS: $icon-soracom-platform-b $icon-soracom-platform-b IMG: /icon/soracom/platform/siss002-soracom-platform-b.svg https://assets.soracom.io/icon/soracom/platform/siss002-soracom-platform-b.svg
  • CLASS: --icon-iot-sim-a --icon-iot-sim-a SCSS: $icon-iot-sim-a $icon-iot-sim-a IMG: /icon/soracom/platform/siss003-iot-sim-a.svg https://assets.soracom.io/icon/soracom/platform/siss003-iot-sim-a.svg
  • CLASS: --icon-iot-sim-b --icon-iot-sim-b SCSS: $icon-iot-sim-b $icon-iot-sim-b IMG: /icon/soracom/platform/siss004-iot-sim-b.svg https://assets.soracom.io/icon/soracom/platform/siss004-iot-sim-b.svg
  • CLASS: --icon-soracom-beam --icon-soracom-beam SCSS: $icon-soracom-beam $icon-soracom-beam IMG: /icon/soracom/platform/siss005-soracom-beam.svg https://assets.soracom.io/icon/soracom/platform/siss005-soracom-beam.svg
  • CLASS: --icon-soracom-canal --icon-soracom-canal SCSS: $icon-soracom-canal $icon-soracom-canal IMG: /icon/soracom/platform/siss006-soracom-canal.svg https://assets.soracom.io/icon/soracom/platform/siss006-soracom-canal.svg
  • CLASS: --icon-soracom-direct --icon-soracom-direct SCSS: $icon-soracom-direct $icon-soracom-direct IMG: /icon/soracom/platform/siss007-soracom-direct.svg https://assets.soracom.io/icon/soracom/platform/siss007-soracom-direct.svg
  • CLASS: --icon-soracom-endorse --icon-soracom-endorse SCSS: $icon-soracom-endorse $icon-soracom-endorse IMG: /icon/soracom/platform/siss008-soracom-endorse.svg https://assets.soracom.io/icon/soracom/platform/siss008-soracom-endorse.svg
  • CLASS: --icon-soracom-funnel --icon-soracom-funnel SCSS: $icon-soracom-funnel $icon-soracom-funnel IMG: /icon/soracom/platform/siss009-soracom-funnel.svg https://assets.soracom.io/icon/soracom/platform/siss009-soracom-funnel.svg
  • CLASS: --icon-soracom-door --icon-soracom-door SCSS: $icon-soracom-door $icon-soracom-door IMG: /icon/soracom/platform/siss010-soracom-door.svg https://assets.soracom.io/icon/soracom/platform/siss010-soracom-door.svg
  • CLASS: --icon-soracom-gate --icon-soracom-gate SCSS: $icon-soracom-gate $icon-soracom-gate IMG: /icon/soracom/platform/siss011-soracom-gate.svg https://assets.soracom.io/icon/soracom/platform/siss011-soracom-gate.svg
  • CLASS: --icon-iot-sim-for-global-a --icon-iot-sim-for-global-a SCSS: $icon-iot-sim-for-global-a $icon-iot-sim-for-global-a IMG: /icon/soracom/platform/siss012-iot-sim-for-global-a.svg https://assets.soracom.io/icon/soracom/platform/siss012-iot-sim-for-global-a.svg
  • CLASS: --icon-iot-sim-for-global-b --icon-iot-sim-for-global-b SCSS: $icon-iot-sim-for-global-b $icon-iot-sim-for-global-b IMG: /icon/soracom/platform/siss013-iot-sim-for-global-b.svg https://assets.soracom.io/icon/soracom/platform/siss013-iot-sim-for-global-b.svg
  • CLASS: --icon-soracom-harvest --icon-soracom-harvest SCSS: $icon-soracom-harvest $icon-soracom-harvest IMG: /icon/soracom/platform/siss014-soracom-harvest.svg https://assets.soracom.io/icon/soracom/platform/siss014-soracom-harvest.svg
  • CLASS: --icon-soracom-inventory --icon-soracom-inventory SCSS: $icon-soracom-inventory $icon-soracom-inventory IMG: /icon/soracom/platform/siss015-soracom-inventory.svg https://assets.soracom.io/icon/soracom/platform/siss015-soracom-inventory.svg
  • CLASS: --icon-soracom-inventory-client --icon-soracom-inventory-client SCSS: $icon-soracom-inventory-client $icon-soracom-inventory-client IMG: /icon/soracom/platform/siss016-soracom-inventory-client.svg https://assets.soracom.io/icon/soracom/platform/siss016-soracom-inventory-client.svg
  • CLASS: --icon-soracom-junction --icon-soracom-junction SCSS: $icon-soracom-junction $icon-soracom-junction IMG: /icon/soracom/platform/siss017-soracom-junction.svg https://assets.soracom.io/icon/soracom/platform/siss017-soracom-junction.svg
  • CLASS: --icon-soracom-air --icon-soracom-air SCSS: $icon-soracom-air $icon-soracom-air IMG: /icon/soracom/platform/siss018-soracom-air.svg https://assets.soracom.io/icon/soracom/platform/siss018-soracom-air.svg
  • CLASS: --icon-soracom-krypton --icon-soracom-krypton SCSS: $icon-soracom-krypton $icon-soracom-krypton IMG: /icon/soracom/platform/siss019-soracom-krypton.svg https://assets.soracom.io/icon/soracom/platform/siss019-soracom-krypton.svg
  • CLASS: --icon-soracom-krypton-key --icon-soracom-krypton-key SCSS: $icon-soracom-krypton-key $icon-soracom-krypton-key IMG: /icon/soracom/platform/siss020-soracom-krypton-key.svg https://assets.soracom.io/icon/soracom/platform/siss020-soracom-krypton-key.svg
  • CLASS: --icon-soracom-lagoon --icon-soracom-lagoon SCSS: $icon-soracom-lagoon $icon-soracom-lagoon IMG: /icon/soracom/platform/siss021-soracom-lagoon.svg https://assets.soracom.io/icon/soracom/platform/siss021-soracom-lagoon.svg
  • CLASS: --icon-soracom-funk --icon-soracom-funk SCSS: $icon-soracom-funk $icon-soracom-funk IMG: /icon/soracom/platform/siss022-soracom-funk.svg https://assets.soracom.io/icon/soracom/platform/siss022-soracom-funk.svg
  • CLASS: --icon-soracom-mosaic --icon-soracom-mosaic SCSS: $icon-soracom-mosaic $icon-soracom-mosaic IMG: /icon/soracom/platform/siss023-soracom-mosaic.svg https://assets.soracom.io/icon/soracom/platform/siss023-soracom-mosaic.svg
  • CLASS: --icon-soracom-napter --icon-soracom-napter SCSS: $icon-soracom-napter $icon-soracom-napter IMG: /icon/soracom/platform/siss024-soracom-napter.svg https://assets.soracom.io/icon/soracom/platform/siss024-soracom-napter.svg
  • CLASS: --icon-soracom-orbit --icon-soracom-orbit SCSS: $icon-soracom-orbit $icon-soracom-orbit IMG: /icon/soracom/platform/siss025-soracom-orbit.svg https://assets.soracom.io/icon/soracom/platform/siss025-soracom-orbit.svg
  • CLASS: --icon-soracom-peek --icon-soracom-peek SCSS: $icon-soracom-peek $icon-soracom-peek IMG: /icon/soracom/platform/siss026-soracom-peek.svg https://assets.soracom.io/icon/soracom/platform/siss026-soracom-peek.svg
  • CLASS: --icon-soracom-arc --icon-soracom-arc SCSS: $icon-soracom-arc $icon-soracom-arc IMG: /icon/soracom/platform/siss027-soracom-arc.svg https://assets.soracom.io/icon/soracom/platform/siss027-soracom-arc.svg
  • CLASS: --icon-unified-end-point --icon-unified-end-point SCSS: $icon-unified-end-point $icon-unified-end-point IMG: /icon/soracom/platform/unified-end-point.svg https://assets.soracom.io/icon/soracom/platform/unified-end-point.svg

Connectivity 

  • CLASS: --icon-sim --icon-sim SCSS: $icon-sim $icon-sim IMG: /icon/soracom/connectivity/sis0006-sim.svg https://assets.soracom.io/icon/soracom/connectivity/sis0006-sim.svg
  • CLASS: --icon-soracom-air-active --icon-soracom-air-active SCSS: $icon-soracom-air-active $icon-soracom-air-active IMG: /icon/soracom/connectivity/sis0073-soracom-air-active.svg https://assets.soracom.io/icon/soracom/connectivity/sis0073-soracom-air-active.svg
  • CLASS: --icon-soracom-air-stop --icon-soracom-air-stop SCSS: $icon-soracom-air-stop $icon-soracom-air-stop IMG: /icon/soracom/connectivity/sis0074-soracom-air-stop.svg https://assets.soracom.io/icon/soracom/connectivity/sis0074-soracom-air-stop.svg
  • CLASS: --icon-soracom-air-inactive --icon-soracom-air-inactive SCSS: $icon-soracom-air-inactive $icon-soracom-air-inactive IMG: /icon/soracom/connectivity/sis0075-soracom-air-inactive.svg https://assets.soracom.io/icon/soracom/connectivity/sis0075-soracom-air-inactive.svg
  • CLASS: --icon-soracom-air-low-speed --icon-soracom-air-low-speed SCSS: $icon-soracom-air-low-speed $icon-soracom-air-low-speed IMG: /icon/soracom/connectivity/sis0076-soracom-air-low-speed.svg https://assets.soracom.io/icon/soracom/connectivity/sis0076-soracom-air-low-speed.svg
  • CLASS: --icon-soracom-air-high-speed --icon-soracom-air-high-speed SCSS: $icon-soracom-air-high-speed $icon-soracom-air-high-speed IMG: /icon/soracom/connectivity/sis0077-soracom-air-high-speed.svg https://assets.soracom.io/icon/soracom/connectivity/sis0077-soracom-air-high-speed.svg
  • CLASS: --icon-soracom-air-checked --icon-soracom-air-checked SCSS: $icon-soracom-air-checked $icon-soracom-air-checked IMG: /icon/soracom/connectivity/sis0078-soracom-air-checked.svg https://assets.soracom.io/icon/soracom/connectivity/sis0078-soracom-air-checked.svg
  • CLASS: --icon-soracom-air-fast --icon-soracom-air-fast SCSS: $icon-soracom-air-fast $icon-soracom-air-fast IMG: /icon/soracom/connectivity/sis0079-soracom-air-fast.svg https://assets.soracom.io/icon/soracom/connectivity/sis0079-soracom-air-fast.svg
  • CLASS: --icon-soracom-air-slow --icon-soracom-air-slow SCSS: $icon-soracom-air-slow $icon-soracom-air-slow IMG: /icon/soracom/connectivity/sis0080-soracom-air-slow.svg https://assets.soracom.io/icon/soracom/connectivity/sis0080-soracom-air-slow.svg
  • CLASS: --icon-soracom-air-standard --icon-soracom-air-standard SCSS: $icon-soracom-air-standard $icon-soracom-air-standard IMG: /icon/soracom/connectivity/sis0081-soracom-air-standard.svg https://assets.soracom.io/icon/soracom/connectivity/sis0081-soracom-air-standard.svg
  • CLASS: --icon-soracom-air-minimum --icon-soracom-air-minimum SCSS: $icon-soracom-air-minimum $icon-soracom-air-minimum IMG: /icon/soracom/connectivity/sis0082-soracom-air-minimum.svg https://assets.soracom.io/icon/soracom/connectivity/sis0082-soracom-air-minimum.svg
  • CLASS: --icon-soracom-air-live --icon-soracom-air-live SCSS: $icon-soracom-air-live $icon-soracom-air-live IMG: /icon/soracom/connectivity/sis0083-soracom-air-live.svg https://assets.soracom.io/icon/soracom/connectivity/sis0083-soracom-air-live.svg
  • CLASS: --icon-soracom-air-dead --icon-soracom-air-dead SCSS: $icon-soracom-air-dead $icon-soracom-air-dead IMG: /icon/soracom/connectivity/sis0084-soracom-air-dead.svg https://assets.soracom.io/icon/soracom/connectivity/sis0084-soracom-air-dead.svg
  • CLASS: --icon-soracom-air-unknown --icon-soracom-air-unknown SCSS: $icon-soracom-air-unknown $icon-soracom-air-unknown IMG: /icon/soracom/connectivity/sis0085-soracom-air-unknown.svg https://assets.soracom.io/icon/soracom/connectivity/sis0085-soracom-air-unknown.svg
  • CLASS: --icon-soracom-air-free --icon-soracom-air-free SCSS: $icon-soracom-air-free $icon-soracom-air-free IMG: /icon/soracom/connectivity/sis0086-soracom-air-free.svg https://assets.soracom.io/icon/soracom/connectivity/sis0086-soracom-air-free.svg
  • CLASS: --icon-lora-gateway --icon-lora-gateway SCSS: $icon-lora-gateway $icon-lora-gateway IMG: /icon/soracom/connectivity/sis0094-lora-gateway.svg https://assets.soracom.io/icon/soracom/connectivity/sis0094-lora-gateway.svg
  • CLASS: --icon-lora-device-a --icon-lora-device-a SCSS: $icon-lora-device-a $icon-lora-device-a IMG: /icon/soracom/connectivity/sis0095-lora-device-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0095-lora-device-a.svg
  • CLASS: --icon-lora-device-b --icon-lora-device-b SCSS: $icon-lora-device-b $icon-lora-device-b IMG: /icon/soracom/connectivity/sis0096-lora-device-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0096-lora-device-b.svg
  • CLASS: --icon-lora-a --icon-lora-a SCSS: $icon-lora-a $icon-lora-a IMG: /icon/soracom/connectivity/sis0097-lora-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0097-lora-a.svg
  • CLASS: --icon-lora-b --icon-lora-b SCSS: $icon-lora-b $icon-lora-b IMG: /icon/soracom/connectivity/sis0098-lora-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0098-lora-b.svg
  • CLASS: --icon-sigfox-device-a --icon-sigfox-device-a SCSS: $icon-sigfox-device-a $icon-sigfox-device-a IMG: /icon/soracom/connectivity/sis0108-sigfox-device-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0108-sigfox-device-a.svg
  • CLASS: --icon-sigfox-device-b --icon-sigfox-device-b SCSS: $icon-sigfox-device-b $icon-sigfox-device-b IMG: /icon/soracom/connectivity/sis0109-sigfox-device-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0109-sigfox-device-b.svg
  • CLASS: --icon-sigfox-a --icon-sigfox-a SCSS: $icon-sigfox-a $icon-sigfox-a IMG: /icon/soracom/connectivity/sis0110-sigfox-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0110-sigfox-a.svg
  • CLASS: --icon-sigfox-b --icon-sigfox-b SCSS: $icon-sigfox-b $icon-sigfox-b IMG: /icon/soracom/connectivity/sis0111-sigfox-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0111-sigfox-b.svg
  • CLASS: --icon-esim-a --icon-esim-a SCSS: $icon-esim-a $icon-esim-a IMG: /icon/soracom/connectivity/sis0135-esim-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0135-esim-a.svg
  • CLASS: --icon-air-esim-a --icon-air-esim-a SCSS: $icon-air-esim-a $icon-air-esim-a IMG: /icon/soracom/connectivity/sis0136-air-esim-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0136-air-esim-a.svg
  • CLASS: --icon-air-esim-b --icon-air-esim-b SCSS: $icon-air-esim-b $icon-air-esim-b IMG: /icon/soracom/connectivity/sis0137-air-esim-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0137-air-esim-b.svg
  • CLASS: --icon-lte-devices-a --icon-lte-devices-a SCSS: $icon-lte-devices-a $icon-lte-devices-a IMG: /icon/soracom/connectivity/sis0141-lte-devices-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0141-lte-devices-a.svg
  • CLASS: --icon-lte-devices-b --icon-lte-devices-b SCSS: $icon-lte-devices-b $icon-lte-devices-b IMG: /icon/soracom/connectivity/sis0142-lte-devices-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0142-lte-devices-b.svg
  • CLASS: --icon-lte-a --icon-lte-a SCSS: $icon-lte-a $icon-lte-a IMG: /icon/soracom/connectivity/sis0143-lte-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0143-lte-a.svg
  • CLASS: --icon-lte-b --icon-lte-b SCSS: $icon-lte-b $icon-lte-b IMG: /icon/soracom/connectivity/sis0144-lte-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0144-lte-b.svg
  • CLASS: --icon-3g-devices-a --icon-3g-devices-a SCSS: $icon-3g-devices-a $icon-3g-devices-a IMG: /icon/soracom/connectivity/sis0145-3g-devices-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0145-3g-devices-a.svg
  • CLASS: --icon-3g-devices-b --icon-3g-devices-b SCSS: $icon-3g-devices-b $icon-3g-devices-b IMG: /icon/soracom/connectivity/sis0146-3g-devices-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0146-3g-devices-b.svg
  • CLASS: --icon-3g-a --icon-3g-a SCSS: $icon-3g-a $icon-3g-a IMG: /icon/soracom/connectivity/sis0147-3g-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0147-3g-a.svg
  • CLASS: --icon-3g-b --icon-3g-b SCSS: $icon-3g-b $icon-3g-b IMG: /icon/soracom/connectivity/sis0148-3g-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0148-3g-b.svg
  • CLASS: --icon-sim-suspended --icon-sim-suspended SCSS: $icon-sim-suspended $icon-sim-suspended IMG: /icon/soracom/connectivity/sis0200-sim-suspended.svg https://assets.soracom.io/icon/soracom/connectivity/sis0200-sim-suspended.svg
  • CLASS: --icon-lte-m-devices-a --icon-lte-m-devices-a SCSS: $icon-lte-m-devices-a $icon-lte-m-devices-a IMG: /icon/soracom/connectivity/sis0203-lte-m-devices-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0203-lte-m-devices-a.svg
  • CLASS: --icon-lte-m-devices-b --icon-lte-m-devices-b SCSS: $icon-lte-m-devices-b $icon-lte-m-devices-b IMG: /icon/soracom/connectivity/sis0204-lte-m-devices-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0204-lte-m-devices-b.svg
  • CLASS: --icon-lte-m-a --icon-lte-m-a SCSS: $icon-lte-m-a $icon-lte-m-a IMG: /icon/soracom/connectivity/sis0205-lte-m-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0205-lte-m-a.svg
  • CLASS: --icon-lte-m-b --icon-lte-m-b SCSS: $icon-lte-m-b $icon-lte-m-b IMG: /icon/soracom/connectivity/sis0206-lte-m-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0206-lte-m-b.svg
  • CLASS: --icon-5g-devices-a --icon-5g-devices-a SCSS: $icon-5g-devices-a $icon-5g-devices-a IMG: /icon/soracom/connectivity/sis0216-5g-devices-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0216-5g-devices-a.svg
  • CLASS: --icon-5g-devices-b --icon-5g-devices-b SCSS: $icon-5g-devices-b $icon-5g-devices-b IMG: /icon/soracom/connectivity/sis0217-5g-devices-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0217-5g-devices-b.svg
  • CLASS: --icon-5g-a --icon-5g-a SCSS: $icon-5g-a $icon-5g-a IMG: /icon/soracom/connectivity/sis0218-5g-a.svg https://assets.soracom.io/icon/soracom/connectivity/sis0218-5g-a.svg
  • CLASS: --icon-5g-b --icon-5g-b SCSS: $icon-5g-b $icon-5g-b IMG: /icon/soracom/connectivity/sis0219-5g-b.svg https://assets.soracom.io/icon/soracom/connectivity/sis0219-5g-b.svg

General 

Arrows 

  • CLASS: --icon-arrow-bold-bottom --icon-arrow-bold-bottom SCSS: $icon-arrow-bold-bottom $icon-arrow-bold-bottom IMG: /icon/arrows/arrow-bold-bottom.svg https://assets.soracom.io/icon/arrows/arrow-bold-bottom.svg
  • CLASS: --icon-arrow-bold-forward-all --icon-arrow-bold-forward-all SCSS: $icon-arrow-bold-forward-all $icon-arrow-bold-forward-all IMG: /icon/arrows/arrow-bold-forward-all.svg https://assets.soracom.io/icon/arrows/arrow-bold-forward-all.svg
  • CLASS: --icon-arrow-bold-forward --icon-arrow-bold-forward SCSS: $icon-arrow-bold-forward $icon-arrow-bold-forward IMG: /icon/arrows/arrow-bold-forward.svg https://assets.soracom.io/icon/arrows/arrow-bold-forward.svg
  • CLASS: --icon-arrow-bold-left --icon-arrow-bold-left SCSS: $icon-arrow-bold-left $icon-arrow-bold-left IMG: /icon/arrows/arrow-bold-left.svg https://assets.soracom.io/icon/arrows/arrow-bold-left.svg
  • CLASS: --icon-arrow-bold-redo --icon-arrow-bold-redo SCSS: $icon-arrow-bold-redo $icon-arrow-bold-redo IMG: /icon/arrows/arrow-bold-redo.svg https://assets.soracom.io/icon/arrows/arrow-bold-redo.svg
  • CLASS: --icon-arrow-bold-reply-all --icon-arrow-bold-reply-all SCSS: $icon-arrow-bold-reply-all $icon-arrow-bold-reply-all IMG: /icon/arrows/arrow-bold-reply-all.svg https://assets.soracom.io/icon/arrows/arrow-bold-reply-all.svg
  • CLASS: --icon-arrow-bold-reply --icon-arrow-bold-reply SCSS: $icon-arrow-bold-reply $icon-arrow-bold-reply IMG: /icon/arrows/arrow-bold-reply.svg https://assets.soracom.io/icon/arrows/arrow-bold-reply.svg
  • CLASS: --icon-arrow-bold-right --icon-arrow-bold-right SCSS: $icon-arrow-bold-right $icon-arrow-bold-right IMG: /icon/arrows/arrow-bold-right.svg https://assets.soracom.io/icon/arrows/arrow-bold-right.svg
  • CLASS: --icon-arrow-bold-top --icon-arrow-bold-top SCSS: $icon-arrow-bold-top $icon-arrow-bold-top IMG: /icon/arrows/arrow-bold-top.svg https://assets.soracom.io/icon/arrows/arrow-bold-top.svg
  • CLASS: --icon-arrow-bold-undo --icon-arrow-bold-undo SCSS: $icon-arrow-bold-undo $icon-arrow-bold-undo IMG: /icon/arrows/arrow-bold-undo.svg https://assets.soracom.io/icon/arrows/arrow-bold-undo.svg
  • CLASS: --icon-arrow-bottom-left --icon-arrow-bottom-left SCSS: $icon-arrow-bottom-left $icon-arrow-bottom-left IMG: /icon/arrows/arrow-bottom-left.svg https://assets.soracom.io/icon/arrows/arrow-bottom-left.svg
  • CLASS: --icon-arrow-bottom-right --icon-arrow-bottom-right SCSS: $icon-arrow-bottom-right $icon-arrow-bottom-right IMG: /icon/arrows/arrow-bottom-right.svg https://assets.soracom.io/icon/arrows/arrow-bottom-right.svg
  • CLASS: --icon-arrow-bottom --icon-arrow-bottom SCSS: $icon-arrow-bottom $icon-arrow-bottom IMG: /icon/arrows/arrow-bottom.svg https://assets.soracom.io/icon/arrows/arrow-bottom.svg
  • CLASS: --icon-arrow-forward-all --icon-arrow-forward-all SCSS: $icon-arrow-forward-all $icon-arrow-forward-all IMG: /icon/arrows/arrow-forward-all.svg https://assets.soracom.io/icon/arrows/arrow-forward-all.svg
  • CLASS: --icon-arrow-forward --icon-arrow-forward SCSS: $icon-arrow-forward $icon-arrow-forward IMG: /icon/arrows/arrow-forward.svg https://assets.soracom.io/icon/arrows/arrow-forward.svg
  • CLASS: --icon-arrow-left-curved --icon-arrow-left-curved SCSS: $icon-arrow-left-curved $icon-arrow-left-curved IMG: /icon/arrows/arrow-left-curved.svg https://assets.soracom.io/icon/arrows/arrow-left-curved.svg
  • CLASS: --icon-arrow-left --icon-arrow-left SCSS: $icon-arrow-left $icon-arrow-left IMG: /icon/arrows/arrow-left.svg https://assets.soracom.io/icon/arrows/arrow-left.svg
  • CLASS: --icon-arrow-redo --icon-arrow-redo SCSS: $icon-arrow-redo $icon-arrow-redo IMG: /icon/arrows/arrow-redo.svg https://assets.soracom.io/icon/arrows/arrow-redo.svg
  • CLASS: --icon-arrow-reply-all --icon-arrow-reply-all SCSS: $icon-arrow-reply-all $icon-arrow-reply-all IMG: /icon/arrows/arrow-reply-all.svg https://assets.soracom.io/icon/arrows/arrow-reply-all.svg
  • CLASS: --icon-arrow-reply --icon-arrow-reply SCSS: $icon-arrow-reply $icon-arrow-reply IMG: /icon/arrows/arrow-reply.svg https://assets.soracom.io/icon/arrows/arrow-reply.svg
  • CLASS: --icon-arrow-right-curved --icon-arrow-right-curved SCSS: $icon-arrow-right-curved $icon-arrow-right-curved IMG: /icon/arrows/arrow-right-curved.svg https://assets.soracom.io/icon/arrows/arrow-right-curved.svg
  • CLASS: --icon-arrow-right --icon-arrow-right SCSS: $icon-arrow-right $icon-arrow-right IMG: /icon/arrows/arrow-right.svg https://assets.soracom.io/icon/arrows/arrow-right.svg
  • CLASS: --icon-arrow-top-left --icon-arrow-top-left SCSS: $icon-arrow-top-left $icon-arrow-top-left IMG: /icon/arrows/arrow-top-left.svg https://assets.soracom.io/icon/arrows/arrow-top-left.svg
  • CLASS: --icon-arrow-top-right --icon-arrow-top-right SCSS: $icon-arrow-top-right $icon-arrow-top-right IMG: /icon/arrows/arrow-top-right.svg https://assets.soracom.io/icon/arrows/arrow-top-right.svg
  • CLASS: --icon-arrow-top --icon-arrow-top SCSS: $icon-arrow-top $icon-arrow-top IMG: /icon/arrows/arrow-top.svg https://assets.soracom.io/icon/arrows/arrow-top.svg
  • CLASS: --icon-arrow-undo --icon-arrow-undo SCSS: $icon-arrow-undo $icon-arrow-undo IMG: /icon/arrows/arrow-undo.svg https://assets.soracom.io/icon/arrows/arrow-undo.svg
  • CLASS: --icon-arrows-diagonals-bltr --icon-arrows-diagonals-bltr SCSS: $icon-arrows-diagonals-bltr $icon-arrows-diagonals-bltr IMG: /icon/arrows/arrows-diagonals-bltr.svg https://assets.soracom.io/icon/arrows/arrows-diagonals-bltr.svg
  • CLASS: --icon-arrows-diagonals-tlbr --icon-arrows-diagonals-tlbr SCSS: $icon-arrows-diagonals-tlbr $icon-arrows-diagonals-tlbr IMG: /icon/arrows/arrows-diagonals-tlbr.svg https://assets.soracom.io/icon/arrows/arrows-diagonals-tlbr.svg
  • CLASS: --icon-arrows-diagonals --icon-arrows-diagonals SCSS: $icon-arrows-diagonals $icon-arrows-diagonals IMG: /icon/arrows/arrows-diagonals.svg https://assets.soracom.io/icon/arrows/arrows-diagonals.svg
  • CLASS: --icon-arrows-hv --icon-arrows-hv SCSS: $icon-arrows-hv $icon-arrows-hv IMG: /icon/arrows/arrows-hv.svg https://assets.soracom.io/icon/arrows/arrows-hv.svg
  • CLASS: --icon-arrows-left-right --icon-arrows-left-right SCSS: $icon-arrows-left-right $icon-arrows-left-right IMG: /icon/arrows/arrows-left-right.svg https://assets.soracom.io/icon/arrows/arrows-left-right.svg
  • CLASS: --icon-arrows-top-bottom --icon-arrows-top-bottom SCSS: $icon-arrows-top-bottom $icon-arrows-top-bottom IMG: /icon/arrows/arrows-top-bottom.svg https://assets.soracom.io/icon/arrows/arrows-top-bottom.svg
  • CLASS: --icon-chevron-bottom --icon-chevron-bottom SCSS: $icon-chevron-bottom $icon-chevron-bottom IMG: /icon/arrows/chevron-bottom.svg https://assets.soracom.io/icon/arrows/chevron-bottom.svg
  • CLASS: --icon-chevron-left --icon-chevron-left SCSS: $icon-chevron-left $icon-chevron-left IMG: /icon/arrows/chevron-left.svg https://assets.soracom.io/icon/arrows/chevron-left.svg
  • CLASS: --icon-chevron-right --icon-chevron-right SCSS: $icon-chevron-right $icon-chevron-right IMG: /icon/arrows/chevron-right.svg https://assets.soracom.io/icon/arrows/chevron-right.svg
  • CLASS: --icon-chevron-top --icon-chevron-top SCSS: $icon-chevron-top $icon-chevron-top IMG: /icon/arrows/chevron-top.svg https://assets.soracom.io/icon/arrows/chevron-top.svg
  • CLASS: --icon-chevrons-bottom --icon-chevrons-bottom SCSS: $icon-chevrons-bottom $icon-chevrons-bottom IMG: /icon/arrows/chevrons-bottom.svg https://assets.soracom.io/icon/arrows/chevrons-bottom.svg
  • CLASS: --icon-chevrons-left --icon-chevrons-left SCSS: $icon-chevrons-left $icon-chevrons-left IMG: /icon/arrows/chevrons-left.svg https://assets.soracom.io/icon/arrows/chevrons-left.svg
  • CLASS: --icon-chevrons-right --icon-chevrons-right SCSS: $icon-chevrons-right $icon-chevrons-right IMG: /icon/arrows/chevrons-right.svg https://assets.soracom.io/icon/arrows/chevrons-right.svg
  • CLASS: --icon-chevrons-top --icon-chevrons-top SCSS: $icon-chevrons-top $icon-chevrons-top IMG: /icon/arrows/chevrons-top.svg https://assets.soracom.io/icon/arrows/chevrons-top.svg
  • CLASS: --icon-circle-arrow-bottom-left --icon-circle-arrow-bottom-left SCSS: $icon-circle-arrow-bottom-left $icon-circle-arrow-bottom-left IMG: /icon/arrows/circle-arrow-bottom-left.svg https://assets.soracom.io/icon/arrows/circle-arrow-bottom-left.svg
  • CLASS: --icon-circle-arrow-bottom-right --icon-circle-arrow-bottom-right SCSS: $icon-circle-arrow-bottom-right $icon-circle-arrow-bottom-right IMG: /icon/arrows/circle-arrow-bottom-right.svg https://assets.soracom.io/icon/arrows/circle-arrow-bottom-right.svg
  • CLASS: --icon-circle-arrow-bottom --icon-circle-arrow-bottom SCSS: $icon-circle-arrow-bottom $icon-circle-arrow-bottom IMG: /icon/arrows/circle-arrow-bottom.svg https://assets.soracom.io/icon/arrows/circle-arrow-bottom.svg
  • CLASS: --icon-circle-arrow-left-curved --icon-circle-arrow-left-curved SCSS: $icon-circle-arrow-left-curved $icon-circle-arrow-left-curved IMG: /icon/arrows/circle-arrow-left-curved.svg https://assets.soracom.io/icon/arrows/circle-arrow-left-curved.svg
  • CLASS: --icon-circle-arrow-left --icon-circle-arrow-left SCSS: $icon-circle-arrow-left $icon-circle-arrow-left IMG: /icon/arrows/circle-arrow-left.svg https://assets.soracom.io/icon/arrows/circle-arrow-left.svg
  • CLASS: --icon-circle-arrow-right-curved --icon-circle-arrow-right-curved SCSS: $icon-circle-arrow-right-curved $icon-circle-arrow-right-curved IMG: /icon/arrows/circle-arrow-right-curved.svg https://assets.soracom.io/icon/arrows/circle-arrow-right-curved.svg
  • CLASS: --icon-circle-arrow-right --icon-circle-arrow-right SCSS: $icon-circle-arrow-right $icon-circle-arrow-right IMG: /icon/arrows/circle-arrow-right.svg https://assets.soracom.io/icon/arrows/circle-arrow-right.svg
  • CLASS: --icon-circle-arrow-top-left --icon-circle-arrow-top-left SCSS: $icon-circle-arrow-top-left $icon-circle-arrow-top-left IMG: /icon/arrows/circle-arrow-top-left.svg https://assets.soracom.io/icon/arrows/circle-arrow-top-left.svg
  • CLASS: --icon-circle-arrow-top-right --icon-circle-arrow-top-right SCSS: $icon-circle-arrow-top-right $icon-circle-arrow-top-right IMG: /icon/arrows/circle-arrow-top-right.svg https://assets.soracom.io/icon/arrows/circle-arrow-top-right.svg
  • CLASS: --icon-circle-arrow-top --icon-circle-arrow-top SCSS: $icon-circle-arrow-top $icon-circle-arrow-top IMG: /icon/arrows/circle-arrow-top.svg https://assets.soracom.io/icon/arrows/circle-arrow-top.svg
  • CLASS: --icon-circle-chevron-bottom --icon-circle-chevron-bottom SCSS: $icon-circle-chevron-bottom $icon-circle-chevron-bottom IMG: /icon/arrows/circle-chevron-bottom.svg https://assets.soracom.io/icon/arrows/circle-chevron-bottom.svg
  • CLASS: --icon-circle-chevron-left --icon-circle-chevron-left SCSS: $icon-circle-chevron-left $icon-circle-chevron-left IMG: /icon/arrows/circle-chevron-left.svg https://assets.soracom.io/icon/arrows/circle-chevron-left.svg
  • CLASS: --icon-circle-chevron-right --icon-circle-chevron-right SCSS: $icon-circle-chevron-right $icon-circle-chevron-right IMG: /icon/arrows/circle-chevron-right.svg https://assets.soracom.io/icon/arrows/circle-chevron-right.svg
  • CLASS: --icon-circle-chevron-top --icon-circle-chevron-top SCSS: $icon-circle-chevron-top $icon-circle-chevron-top IMG: /icon/arrows/circle-chevron-top.svg https://assets.soracom.io/icon/arrows/circle-chevron-top.svg
  • CLASS: --icon-circle-chevrons-bottom --icon-circle-chevrons-bottom SCSS: $icon-circle-chevrons-bottom $icon-circle-chevrons-bottom IMG: /icon/arrows/circle-chevrons-bottom.svg https://assets.soracom.io/icon/arrows/circle-chevrons-bottom.svg
  • CLASS: --icon-circle-chevrons-left --icon-circle-chevrons-left SCSS: $icon-circle-chevrons-left $icon-circle-chevrons-left IMG: /icon/arrows/circle-chevrons-left.svg https://assets.soracom.io/icon/arrows/circle-chevrons-left.svg
  • CLASS: --icon-circle-chevrons-right --icon-circle-chevrons-right SCSS: $icon-circle-chevrons-right $icon-circle-chevrons-right IMG: /icon/arrows/circle-chevrons-right.svg https://assets.soracom.io/icon/arrows/circle-chevrons-right.svg
  • CLASS: --icon-circle-chevrons-top --icon-circle-chevrons-top SCSS: $icon-circle-chevrons-top $icon-circle-chevrons-top IMG: /icon/arrows/circle-chevrons-top.svg https://assets.soracom.io/icon/arrows/circle-chevrons-top.svg
  • CLASS: --icon-refresh-ccw-alert --icon-refresh-ccw-alert SCSS: $icon-refresh-ccw-alert $icon-refresh-ccw-alert IMG: /icon/arrows/refresh-ccw-alert.svg https://assets.soracom.io/icon/arrows/refresh-ccw-alert.svg
  • CLASS: --icon-refresh-ccw --icon-refresh-ccw SCSS: $icon-refresh-ccw $icon-refresh-ccw IMG: /icon/arrows/refresh-ccw.svg https://assets.soracom.io/icon/arrows/refresh-ccw.svg
  • CLASS: --icon-refresh-cw-alert --icon-refresh-cw-alert SCSS: $icon-refresh-cw-alert $icon-refresh-cw-alert IMG: /icon/arrows/refresh-cw-alert.svg https://assets.soracom.io/icon/arrows/refresh-cw-alert.svg
  • CLASS: --icon-refresh-cw --icon-refresh-cw SCSS: $icon-refresh-cw $icon-refresh-cw IMG: /icon/arrows/refresh-cw.svg https://assets.soracom.io/icon/arrows/refresh-cw.svg
  • CLASS: --icon-rotate-ccw --icon-rotate-ccw SCSS: $icon-rotate-ccw $icon-rotate-ccw IMG: /icon/arrows/rotate-ccw.svg https://assets.soracom.io/icon/arrows/rotate-ccw.svg
  • CLASS: --icon-rotate-cw --icon-rotate-cw SCSS: $icon-rotate-cw $icon-rotate-cw IMG: /icon/arrows/rotate-cw.svg https://assets.soracom.io/icon/arrows/rotate-cw.svg

Basic 

  • CLASS: --icon-book --icon-book SCSS: $icon-book $icon-book IMG: /icon/basic/book.svg https://assets.soracom.io/icon/basic/book.svg
  • CLASS: --icon-bookmark-add --icon-bookmark-add SCSS: $icon-bookmark-add $icon-bookmark-add IMG: /icon/basic/bookmark-add.svg https://assets.soracom.io/icon/basic/bookmark-add.svg
  • CLASS: --icon-bookmark-no --icon-bookmark-no SCSS: $icon-bookmark-no $icon-bookmark-no IMG: /icon/basic/bookmark-no.svg https://assets.soracom.io/icon/basic/bookmark-no.svg
  • CLASS: --icon-bookmark --icon-bookmark SCSS: $icon-bookmark $icon-bookmark IMG: /icon/basic/bookmark.svg https://assets.soracom.io/icon/basic/bookmark.svg
  • CLASS: --icon-bookmarks --icon-bookmarks SCSS: $icon-bookmarks $icon-bookmarks IMG: /icon/basic/bookmarks.svg https://assets.soracom.io/icon/basic/bookmarks.svg
  • CLASS: --icon-box --icon-box SCSS: $icon-box $icon-box IMG: /icon/basic/box.svg https://assets.soracom.io/icon/basic/box.svg
  • CLASS: --icon-browser-no --icon-browser-no SCSS: $icon-browser-no $icon-browser-no IMG: /icon/basic/browser-no.svg https://assets.soracom.io/icon/basic/browser-no.svg
  • CLASS: --icon-browser --icon-browser SCSS: $icon-browser $icon-browser IMG: /icon/basic/browser.svg https://assets.soracom.io/icon/basic/browser.svg
  • CLASS: --icon-brush --icon-brush SCSS: $icon-brush $icon-brush IMG: /icon/basic/brush.svg https://assets.soracom.io/icon/basic/brush.svg
  • CLASS: --icon-calculator --icon-calculator SCSS: $icon-calculator $icon-calculator IMG: /icon/basic/calculator.svg https://assets.soracom.io/icon/basic/calculator.svg
  • CLASS: --icon-camera-create --icon-camera-create SCSS: $icon-camera-create $icon-camera-create IMG: /icon/basic/camera-create.svg https://assets.soracom.io/icon/basic/camera-create.svg
  • CLASS: --icon-camera-no --icon-camera-no SCSS: $icon-camera-no $icon-camera-no IMG: /icon/basic/camera-no.svg https://assets.soracom.io/icon/basic/camera-no.svg
  • CLASS: --icon-camera --icon-camera SCSS: $icon-camera $icon-camera IMG: /icon/basic/camera.svg https://assets.soracom.io/icon/basic/camera.svg
  • CLASS: --icon-case --icon-case SCSS: $icon-case $icon-case IMG: /icon/basic/case.svg https://assets.soracom.io/icon/basic/case.svg
  • CLASS: --icon-chart --icon-chart SCSS: $icon-chart $icon-chart IMG: /icon/basic/chart.svg https://assets.soracom.io/icon/basic/chart.svg
  • CLASS: --icon-check-mark-large --icon-check-mark-large SCSS: $icon-check-mark-large $icon-check-mark-large IMG: /icon/basic/check-mark-large.svg https://assets.soracom.io/icon/basic/check-mark-large.svg
  • CLASS: --icon-check-mark --icon-check-mark SCSS: $icon-check-mark $icon-check-mark IMG: /icon/basic/check-mark.svg https://assets.soracom.io/icon/basic/check-mark.svg
  • CLASS: --icon-check-marks --icon-check-marks SCSS: $icon-check-marks $icon-check-marks IMG: /icon/basic/check-marks.svg https://assets.soracom.io/icon/basic/check-marks.svg
  • CLASS: --icon-circle-bar --icon-circle-bar SCSS: $icon-circle-bar $icon-circle-bar IMG: /icon/basic/circle-bar.svg https://assets.soracom.io/icon/basic/circle-bar.svg
  • CLASS: --icon-circle-block --icon-circle-block SCSS: $icon-circle-block $icon-circle-block IMG: /icon/basic/circle-block.svg https://assets.soracom.io/icon/basic/circle-block.svg
  • CLASS: --icon-circle-dashed --icon-circle-dashed SCSS: $icon-circle-dashed $icon-circle-dashed IMG: /icon/basic/circle-dashed.svg https://assets.soracom.io/icon/basic/circle-dashed.svg
  • CLASS: --icon-circle-minus-solid --icon-circle-minus-solid SCSS: $icon-circle-minus-solid $icon-circle-minus-solid IMG: /icon/basic/circle-minus-solid.svg https://assets.soracom.io/icon/basic/circle-minus-solid.svg
  • CLASS: --icon-circle-minus --icon-circle-minus SCSS: $icon-circle-minus $icon-circle-minus IMG: /icon/basic/circle-minus.svg https://assets.soracom.io/icon/basic/circle-minus.svg
  • CLASS: --icon-circle-pause-solid --icon-circle-pause-solid SCSS: $icon-circle-pause-solid $icon-circle-pause-solid IMG: /icon/basic/circle-pause-solid.svg https://assets.soracom.io/icon/basic/circle-pause-solid.svg
  • CLASS: --icon-circle-plus-solid --icon-circle-plus-solid SCSS: $icon-circle-plus-solid $icon-circle-plus-solid IMG: /icon/basic/circle-plus-solid.svg https://assets.soracom.io/icon/basic/circle-plus-solid.svg
  • CLASS: --icon-circle-plus --icon-circle-plus SCSS: $icon-circle-plus $icon-circle-plus IMG: /icon/basic/circle-plus.svg https://assets.soracom.io/icon/basic/circle-plus.svg
  • CLASS: --icon-circle-solid-small --icon-circle-solid-small SCSS: $icon-circle-solid-small $icon-circle-solid-small IMG: /icon/basic/circle-solid-small.svg https://assets.soracom.io/icon/basic/circle-solid-small.svg
  • CLASS: --icon-circle-solid --icon-circle-solid SCSS: $icon-circle-solid $icon-circle-solid IMG: /icon/basic/circle-solid.svg https://assets.soracom.io/icon/basic/circle-solid.svg
  • CLASS: --icon-circle-star --icon-circle-star SCSS: $icon-circle-star $icon-circle-star IMG: /icon/basic/circle-star.svg https://assets.soracom.io/icon/basic/circle-star.svg
  • CLASS: --icon-circle-x-solid --icon-circle-x-solid SCSS: $icon-circle-x-solid $icon-circle-x-solid IMG: /icon/basic/circle-x-solid.svg https://assets.soracom.io/icon/basic/circle-x-solid.svg
  • CLASS: --icon-circle-x --icon-circle-x SCSS: $icon-circle-x $icon-circle-x IMG: /icon/basic/circle-x.svg https://assets.soracom.io/icon/basic/circle-x.svg
  • CLASS: --icon-circle --icon-circle SCSS: $icon-circle $icon-circle IMG: /icon/basic/circle.svg https://assets.soracom.io/icon/basic/circle.svg
  • CLASS: --icon-clear-style --icon-clear-style SCSS: $icon-clear-style $icon-clear-style IMG: /icon/basic/clear-style.svg https://assets.soracom.io/icon/basic/clear-style.svg
  • CLASS: --icon-drop --icon-drop SCSS: $icon-drop $icon-drop IMG: /icon/basic/drop.svg https://assets.soracom.io/icon/basic/drop.svg
  • CLASS: --icon-email --icon-email SCSS: $icon-email $icon-email IMG: /icon/basic/email.svg https://assets.soracom.io/icon/basic/email.svg
  • CLASS: --icon-flag --icon-flag SCSS: $icon-flag $icon-flag IMG: /icon/basic/flag.svg https://assets.soracom.io/icon/basic/flag.svg
  • CLASS: --icon-flame --icon-flame SCSS: $icon-flame $icon-flame IMG: /icon/basic/flame.svg https://assets.soracom.io/icon/basic/flame.svg
  • CLASS: --icon-gauge --icon-gauge SCSS: $icon-gauge $icon-gauge IMG: /icon/basic/gauge.svg https://assets.soracom.io/icon/basic/gauge.svg
  • CLASS: --icon-glasses --icon-glasses SCSS: $icon-glasses $icon-glasses IMG: /icon/basic/glasses.svg https://assets.soracom.io/icon/basic/glasses.svg
  • CLASS: --icon-group --icon-group SCSS: $icon-group $icon-group IMG: /icon/basic/group.svg https://assets.soracom.io/icon/basic/group.svg
  • CLASS: --icon-heart-no --icon-heart-no SCSS: $icon-heart-no $icon-heart-no IMG: /icon/basic/heart-no.svg https://assets.soracom.io/icon/basic/heart-no.svg
  • CLASS: --icon-heart --icon-heart SCSS: $icon-heart $icon-heart IMG: /icon/basic/heart.svg https://assets.soracom.io/icon/basic/heart.svg
  • CLASS: --icon-image --icon-image SCSS: $icon-image $icon-image IMG: /icon/basic/image.svg https://assets.soracom.io/icon/basic/image.svg
  • CLASS: --icon-inbox --icon-inbox SCSS: $icon-inbox $icon-inbox IMG: /icon/basic/inbox.svg https://assets.soracom.io/icon/basic/inbox.svg
  • CLASS: --icon-japan-solid --icon-japan-solid SCSS: $icon-japan-solid $icon-japan-solid IMG: /icon/basic/japan-solid.svg https://assets.soracom.io/icon/basic/japan-solid.svg
  • CLASS: --icon-japan --icon-japan SCSS: $icon-japan $icon-japan IMG: /icon/basic/japan.svg https://assets.soracom.io/icon/basic/japan.svg
  • CLASS: --icon-language-solid --icon-language-solid SCSS: $icon-language-solid $icon-language-solid IMG: /icon/basic/language-solid.svg https://assets.soracom.io/icon/basic/language-solid.svg
  • CLASS: --icon-language --icon-language SCSS: $icon-language $icon-language IMG: /icon/basic/language.svg https://assets.soracom.io/icon/basic/language.svg
  • CLASS: --icon-layers --icon-layers SCSS: $icon-layers $icon-layers IMG: /icon/basic/layers.svg https://assets.soracom.io/icon/basic/layers.svg
  • CLASS: --icon-lightning-no --icon-lightning-no SCSS: $icon-lightning-no $icon-lightning-no IMG: /icon/basic/lightning-no.svg https://assets.soracom.io/icon/basic/lightning-no.svg
  • CLASS: --icon-lightning --icon-lightning SCSS: $icon-lightning $icon-lightning IMG: /icon/basic/lightning.svg https://assets.soracom.io/icon/basic/lightning.svg
  • CLASS: --icon-list --icon-list SCSS: $icon-list $icon-list IMG: /icon/basic/list.svg https://assets.soracom.io/icon/basic/list.svg
  • CLASS: --icon-log --icon-log SCSS: $icon-log $icon-log IMG: /icon/basic/log.svg https://assets.soracom.io/icon/basic/log.svg
  • CLASS: --icon-maximize --icon-maximize SCSS: $icon-maximize $icon-maximize IMG: /icon/basic/maximize.svg https://assets.soracom.io/icon/basic/maximize.svg
  • CLASS: --icon-mic-no --icon-mic-no SCSS: $icon-mic-no $icon-mic-no IMG: /icon/basic/mic-no.svg https://assets.soracom.io/icon/basic/mic-no.svg
  • CLASS: --icon-mic --icon-mic SCSS: $icon-mic $icon-mic IMG: /icon/basic/mic.svg https://assets.soracom.io/icon/basic/mic.svg
  • CLASS: --icon-minimize --icon-minimize SCSS: $icon-minimize $icon-minimize IMG: /icon/basic/minimize.svg https://assets.soracom.io/icon/basic/minimize.svg
  • CLASS: --icon-minus-small --icon-minus-small SCSS: $icon-minus-small $icon-minus-small IMG: /icon/basic/minus-small.svg https://assets.soracom.io/icon/basic/minus-small.svg
  • CLASS: --icon-minus --icon-minus SCSS: $icon-minus $icon-minus IMG: /icon/basic/minus.svg https://assets.soracom.io/icon/basic/minus.svg
  • CLASS: --icon-network-group --icon-network-group SCSS: $icon-network-group $icon-network-group IMG: /icon/basic/network-group.svg https://assets.soracom.io/icon/basic/network-group.svg
  • CLASS: --icon-newspaper --icon-newspaper SCSS: $icon-newspaper $icon-newspaper IMG: /icon/basic/newspaper.svg https://assets.soracom.io/icon/basic/newspaper.svg
  • CLASS: --icon-object --icon-object SCSS: $icon-object $icon-object IMG: /icon/basic/object.svg https://assets.soracom.io/icon/basic/object.svg
  • CLASS: --icon-options --icon-options SCSS: $icon-options $icon-options IMG: /icon/basic/options.svg https://assets.soracom.io/icon/basic/options.svg
  • CLASS: --icon-paperclip-no --icon-paperclip-no SCSS: $icon-paperclip-no $icon-paperclip-no IMG: /icon/basic/paperclip-no.svg https://assets.soracom.io/icon/basic/paperclip-no.svg
  • CLASS: --icon-paperclip --icon-paperclip SCSS: $icon-paperclip $icon-paperclip IMG: /icon/basic/paperclip.svg https://assets.soracom.io/icon/basic/paperclip.svg
  • CLASS: --icon-pause-large --icon-pause-large SCSS: $icon-pause-large $icon-pause-large IMG: /icon/basic/pause-large.svg https://assets.soracom.io/icon/basic/pause-large.svg
  • CLASS: --icon-pause --icon-pause SCSS: $icon-pause $icon-pause IMG: /icon/basic/pause.svg https://assets.soracom.io/icon/basic/pause.svg
  • CLASS: --icon-plus-small --icon-plus-small SCSS: $icon-plus-small $icon-plus-small IMG: /icon/basic/plus-small.svg https://assets.soracom.io/icon/basic/plus-small.svg
  • CLASS: --icon-plus --icon-plus SCSS: $icon-plus $icon-plus IMG: /icon/basic/plus.svg https://assets.soracom.io/icon/basic/plus.svg
  • CLASS: --icon-presentation --icon-presentation SCSS: $icon-presentation $icon-presentation IMG: /icon/basic/presentation.svg https://assets.soracom.io/icon/basic/presentation.svg
  • CLASS: --icon-screenshot --icon-screenshot SCSS: $icon-screenshot $icon-screenshot IMG: /icon/basic/screenshot.svg https://assets.soracom.io/icon/basic/screenshot.svg
  • CLASS: --icon-send --icon-send SCSS: $icon-send $icon-send IMG: /icon/basic/send.svg https://assets.soracom.io/icon/basic/send.svg
  • CLASS: --icon-settings --icon-settings SCSS: $icon-settings $icon-settings IMG: /icon/basic/settings.svg https://assets.soracom.io/icon/basic/settings.svg
  • CLASS: --icon-share-arrow --icon-share-arrow SCSS: $icon-share-arrow $icon-share-arrow IMG: /icon/basic/share-arrow.svg https://assets.soracom.io/icon/basic/share-arrow.svg
  • CLASS: --icon-star-no --icon-star-no SCSS: $icon-star-no $icon-star-no IMG: /icon/basic/star-no.svg https://assets.soracom.io/icon/basic/star-no.svg
  • CLASS: --icon-star --icon-star SCSS: $icon-star $icon-star IMG: /icon/basic/star.svg https://assets.soracom.io/icon/basic/star.svg
  • CLASS: --icon-stats --icon-stats SCSS: $icon-stats $icon-stats IMG: /icon/basic/stats.svg https://assets.soracom.io/icon/basic/stats.svg
  • CLASS: --icon-sticker --icon-sticker SCSS: $icon-sticker $icon-sticker IMG: /icon/basic/sticker.svg https://assets.soracom.io/icon/basic/sticker.svg
  • CLASS: --icon-support --icon-support SCSS: $icon-support $icon-support IMG: /icon/basic/support.svg https://assets.soracom.io/icon/basic/support.svg
  • CLASS: --icon-table --icon-table SCSS: $icon-table $icon-table IMG: /icon/basic/table.svg https://assets.soracom.io/icon/basic/table.svg
  • CLASS: --icon-text-align-center --icon-text-align-center SCSS: $icon-text-align-center $icon-text-align-center IMG: /icon/basic/text-align-center.svg https://assets.soracom.io/icon/basic/text-align-center.svg
  • CLASS: --icon-text-align-justify --icon-text-align-justify SCSS: $icon-text-align-justify $icon-text-align-justify IMG: /icon/basic/text-align-justify.svg https://assets.soracom.io/icon/basic/text-align-justify.svg
  • CLASS: --icon-text-align-left --icon-text-align-left SCSS: $icon-text-align-left $icon-text-align-left IMG: /icon/basic/text-align-left.svg https://assets.soracom.io/icon/basic/text-align-left.svg
  • CLASS: --icon-text-align-right --icon-text-align-right SCSS: $icon-text-align-right $icon-text-align-right IMG: /icon/basic/text-align-right.svg https://assets.soracom.io/icon/basic/text-align-right.svg
  • CLASS: --icon-text-bgcolor --icon-text-bgcolor SCSS: $icon-text-bgcolor $icon-text-bgcolor IMG: /icon/basic/text-bgcolor.svg https://assets.soracom.io/icon/basic/text-bgcolor.svg
  • CLASS: --icon-text-bold --icon-text-bold SCSS: $icon-text-bold $icon-text-bold IMG: /icon/basic/text-bold.svg https://assets.soracom.io/icon/basic/text-bold.svg
  • CLASS: --icon-text-color --icon-text-color SCSS: $icon-text-color $icon-text-color IMG: /icon/basic/text-color.svg https://assets.soracom.io/icon/basic/text-color.svg
  • CLASS: --icon-text-italic --icon-text-italic SCSS: $icon-text-italic $icon-text-italic IMG: /icon/basic/text-italic.svg https://assets.soracom.io/icon/basic/text-italic.svg
  • CLASS: --icon-text-underline --icon-text-underline SCSS: $icon-text-underline $icon-text-underline IMG: /icon/basic/text-underline.svg https://assets.soracom.io/icon/basic/text-underline.svg
  • CLASS: --icon-thumbs-down --icon-thumbs-down SCSS: $icon-thumbs-down $icon-thumbs-down IMG: /icon/basic/thumbs-down.svg https://assets.soracom.io/icon/basic/thumbs-down.svg
  • CLASS: --icon-thumbs-up --icon-thumbs-up SCSS: $icon-thumbs-up $icon-thumbs-up IMG: /icon/basic/thumbs-up.svg https://assets.soracom.io/icon/basic/thumbs-up.svg
  • CLASS: --icon-toggle-left --icon-toggle-left SCSS: $icon-toggle-left $icon-toggle-left IMG: /icon/basic/toggle-left.svg https://assets.soracom.io/icon/basic/toggle-left.svg
  • CLASS: --icon-toggle-right --icon-toggle-right SCSS: $icon-toggle-right $icon-toggle-right IMG: /icon/basic/toggle-right.svg https://assets.soracom.io/icon/basic/toggle-right.svg
  • CLASS: --icon-user --icon-user SCSS: $icon-user $icon-user IMG: /icon/basic/user.svg https://assets.soracom.io/icon/basic/user.svg
  • CLASS: --icon-video-no --icon-video-no SCSS: $icon-video-no $icon-video-no IMG: /icon/basic/video-no.svg https://assets.soracom.io/icon/basic/video-no.svg
  • CLASS: --icon-video --icon-video SCSS: $icon-video $icon-video IMG: /icon/basic/video.svg https://assets.soracom.io/icon/basic/video.svg
  • CLASS: --icon-x --icon-x SCSS: $icon-x $icon-x IMG: /icon/basic/x.svg https://assets.soracom.io/icon/basic/x.svg
  • CLASS: --icon-zoom-in --icon-zoom-in SCSS: $icon-zoom-in $icon-zoom-in IMG: /icon/basic/zoom-in.svg https://assets.soracom.io/icon/basic/zoom-in.svg
  • CLASS: --icon-zoom-out --icon-zoom-out SCSS: $icon-zoom-out $icon-zoom-out IMG: /icon/basic/zoom-out.svg https://assets.soracom.io/icon/basic/zoom-out.svg

Call 

  • CLASS: --icon-call-add --icon-call-add SCSS: $icon-call-add $icon-call-add IMG: /icon/call/call-add.svg https://assets.soracom.io/icon/call/call-add.svg
  • CLASS: --icon-call-calling --icon-call-calling SCSS: $icon-call-calling $icon-call-calling IMG: /icon/call/call-calling.svg https://assets.soracom.io/icon/call/call-calling.svg
  • CLASS: --icon-call-decline --icon-call-decline SCSS: $icon-call-decline $icon-call-decline IMG: /icon/call/call-decline.svg https://assets.soracom.io/icon/call/call-decline.svg
  • CLASS: --icon-call-end --icon-call-end SCSS: $icon-call-end $icon-call-end IMG: /icon/call/call-end.svg https://assets.soracom.io/icon/call/call-end.svg
  • CLASS: --icon-call-forwarded --icon-call-forwarded SCSS: $icon-call-forwarded $icon-call-forwarded IMG: /icon/call/call-forwarded.svg https://assets.soracom.io/icon/call/call-forwarded.svg
  • CLASS: --icon-call-hash --icon-call-hash SCSS: $icon-call-hash $icon-call-hash IMG: /icon/call/call-hash.svg https://assets.soracom.io/icon/call/call-hash.svg
  • CLASS: --icon-call-hold --icon-call-hold SCSS: $icon-call-hold $icon-call-hold IMG: /icon/call/call-hold.svg https://assets.soracom.io/icon/call/call-hold.svg
  • CLASS: --icon-call-incoming --icon-call-incoming SCSS: $icon-call-incoming $icon-call-incoming IMG: /icon/call/call-incoming.svg https://assets.soracom.io/icon/call/call-incoming.svg
  • CLASS: --icon-call-missed --icon-call-missed SCSS: $icon-call-missed $icon-call-missed IMG: /icon/call/call-missed.svg https://assets.soracom.io/icon/call/call-missed.svg
  • CLASS: --icon-call-muted --icon-call-muted SCSS: $icon-call-muted $icon-call-muted IMG: /icon/call/call-muted.svg https://assets.soracom.io/icon/call/call-muted.svg
  • CLASS: --icon-call-no --icon-call-no SCSS: $icon-call-no $icon-call-no IMG: /icon/call/call-no.svg https://assets.soracom.io/icon/call/call-no.svg
  • CLASS: --icon-call-numbers --icon-call-numbers SCSS: $icon-call-numbers $icon-call-numbers IMG: /icon/call/call-numbers.svg https://assets.soracom.io/icon/call/call-numbers.svg
  • CLASS: --icon-call-outcoming --icon-call-outcoming SCSS: $icon-call-outcoming $icon-call-outcoming IMG: /icon/call/call-outcoming.svg https://assets.soracom.io/icon/call/call-outcoming.svg
  • CLASS: --icon-call-phone --icon-call-phone SCSS: $icon-call-phone $icon-call-phone IMG: /icon/call/call-phone.svg https://assets.soracom.io/icon/call/call-phone.svg
  • CLASS: --icon-call-recieved --icon-call-recieved SCSS: $icon-call-recieved $icon-call-recieved IMG: /icon/call/call-recieved.svg https://assets.soracom.io/icon/call/call-recieved.svg
  • CLASS: --icon-call-voicemail --icon-call-voicemail SCSS: $icon-call-voicemail $icon-call-voicemail IMG: /icon/call/call-voicemail.svg https://assets.soracom.io/icon/call/call-voicemail.svg

Chatting 

  • CLASS: --icon-comment-checked --icon-comment-checked SCSS: $icon-comment-checked $icon-comment-checked IMG: /icon/chatting/comment-checked.svg https://assets.soracom.io/icon/chatting/comment-checked.svg
  • CLASS: --icon-comment-delete --icon-comment-delete SCSS: $icon-comment-delete $icon-comment-delete IMG: /icon/chatting/comment-delete.svg https://assets.soracom.io/icon/chatting/comment-delete.svg
  • CLASS: --icon-comment-minus --icon-comment-minus SCSS: $icon-comment-minus $icon-comment-minus IMG: /icon/chatting/comment-minus.svg https://assets.soracom.io/icon/chatting/comment-minus.svg
  • CLASS: --icon-comment-plus --icon-comment-plus SCSS: $icon-comment-plus $icon-comment-plus IMG: /icon/chatting/comment-plus.svg https://assets.soracom.io/icon/chatting/comment-plus.svg
  • CLASS: --icon-comment-question --icon-comment-question SCSS: $icon-comment-question $icon-comment-question IMG: /icon/chatting/comment-question.svg https://assets.soracom.io/icon/chatting/comment-question.svg
  • CLASS: --icon-comment-text --icon-comment-text SCSS: $icon-comment-text $icon-comment-text IMG: /icon/chatting/comment-text.svg https://assets.soracom.io/icon/chatting/comment-text.svg
  • CLASS: --icon-comment --icon-comment SCSS: $icon-comment $icon-comment IMG: /icon/chatting/comment.svg https://assets.soracom.io/icon/chatting/comment.svg

Clipboard 

  • CLASS: --icon-clipboard-checked --icon-clipboard-checked SCSS: $icon-clipboard-checked $icon-clipboard-checked IMG: /icon/clipboard/clipboard-checked.svg https://assets.soracom.io/icon/clipboard/clipboard-checked.svg
  • CLASS: --icon-clipboard-copy-to --icon-clipboard-copy-to SCSS: $icon-clipboard-copy-to $icon-clipboard-copy-to IMG: /icon/clipboard/clipboard-copy-to.svg https://assets.soracom.io/icon/clipboard/clipboard-copy-to.svg
  • CLASS: --icon-clipboard-csv --icon-clipboard-csv SCSS: $icon-clipboard-csv $icon-clipboard-csv IMG: /icon/clipboard/clipboard-csv.svg https://assets.soracom.io/icon/clipboard/clipboard-csv.svg
  • CLASS: --icon-clipboard-delete --icon-clipboard-delete SCSS: $icon-clipboard-delete $icon-clipboard-delete IMG: /icon/clipboard/clipboard-delete.svg https://assets.soracom.io/icon/clipboard/clipboard-delete.svg
  • CLASS: --icon-clipboard-json --icon-clipboard-json SCSS: $icon-clipboard-json $icon-clipboard-json IMG: /icon/clipboard/clipboard-json.svg https://assets.soracom.io/icon/clipboard/clipboard-json.svg
  • CLASS: --icon-clipboard-minus --icon-clipboard-minus SCSS: $icon-clipboard-minus $icon-clipboard-minus IMG: /icon/clipboard/clipboard-minus.svg https://assets.soracom.io/icon/clipboard/clipboard-minus.svg
  • CLASS: --icon-clipboard-plain-text --icon-clipboard-plain-text SCSS: $icon-clipboard-plain-text $icon-clipboard-plain-text IMG: /icon/clipboard/clipboard-plain-text.svg https://assets.soracom.io/icon/clipboard/clipboard-plain-text.svg
  • CLASS: --icon-clipboard-plus --icon-clipboard-plus SCSS: $icon-clipboard-plus $icon-clipboard-plus IMG: /icon/clipboard/clipboard-plus.svg https://assets.soracom.io/icon/clipboard/clipboard-plus.svg
  • CLASS: --icon-clipboard-text --icon-clipboard-text SCSS: $icon-clipboard-text $icon-clipboard-text IMG: /icon/clipboard/clipboard-text.svg https://assets.soracom.io/icon/clipboard/clipboard-text.svg
  • CLASS: --icon-clipboard --icon-clipboard SCSS: $icon-clipboard $icon-clipboard IMG: /icon/clipboard/clipboard.svg https://assets.soracom.io/icon/clipboard/clipboard.svg

Connection 

  • CLASS: --icon-airplay --icon-airplay SCSS: $icon-airplay $icon-airplay IMG: /icon/connection/airplay.svg https://assets.soracom.io/icon/connection/airplay.svg
  • CLASS: --icon-bluetooth-no --icon-bluetooth-no SCSS: $icon-bluetooth-no $icon-bluetooth-no IMG: /icon/connection/bluetooth-no.svg https://assets.soracom.io/icon/connection/bluetooth-no.svg
  • CLASS: --icon-bluetooth --icon-bluetooth SCSS: $icon-bluetooth $icon-bluetooth IMG: /icon/connection/bluetooth.svg https://assets.soracom.io/icon/connection/bluetooth.svg
  • CLASS: --icon-broadcast --icon-broadcast SCSS: $icon-broadcast $icon-broadcast IMG: /icon/connection/broadcast.svg https://assets.soracom.io/icon/connection/broadcast.svg
  • CLASS: --icon-broadcasting --icon-broadcasting SCSS: $icon-broadcasting $icon-broadcasting IMG: /icon/connection/broadcasting.svg https://assets.soracom.io/icon/connection/broadcasting.svg
  • CLASS: --icon-cast --icon-cast SCSS: $icon-cast $icon-cast IMG: /icon/connection/cast.svg https://assets.soracom.io/icon/connection/cast.svg
  • CLASS: --icon-plug-closed --icon-plug-closed SCSS: $icon-plug-closed $icon-plug-closed IMG: /icon/connection/plug-closed.svg https://assets.soracom.io/icon/connection/plug-closed.svg
  • CLASS: --icon-plug-open --icon-plug-open SCSS: $icon-plug-open $icon-plug-open IMG: /icon/connection/plug-open.svg https://assets.soracom.io/icon/connection/plug-open.svg
  • CLASS: --icon-session-arrows --icon-session-arrows SCSS: $icon-session-arrows $icon-session-arrows IMG: /icon/connection/session-arrows.svg https://assets.soracom.io/icon/connection/session-arrows.svg
  • CLASS: --icon-session-error --icon-session-error SCSS: $icon-session-error $icon-session-error IMG: /icon/connection/session-error.svg https://assets.soracom.io/icon/connection/session-error.svg
  • CLASS: --icon-session-flash --icon-session-flash SCSS: $icon-session-flash $icon-session-flash IMG: /icon/connection/session-flash.svg https://assets.soracom.io/icon/connection/session-flash.svg
  • CLASS: --icon-session --icon-session SCSS: $icon-session $icon-session IMG: /icon/connection/session.svg https://assets.soracom.io/icon/connection/session.svg
  • CLASS: --icon-wi-fi-no --icon-wi-fi-no SCSS: $icon-wi-fi-no $icon-wi-fi-no IMG: /icon/connection/wi-fi-no.svg https://assets.soracom.io/icon/connection/wi-fi-no.svg
  • CLASS: --icon-wi-fi --icon-wi-fi SCSS: $icon-wi-fi $icon-wi-fi IMG: /icon/connection/wi-fi.svg https://assets.soracom.io/icon/connection/wi-fi.svg

File 

  • CLASS: --icon-clipboard-checked --icon-clipboard-checked SCSS: $icon-clipboard-checked $icon-clipboard-checked IMG: /icon/file/clipboard-checked.svg https://assets.soracom.io/icon/file/clipboard-checked.svg
  • CLASS: --icon-clipboard-copy-to --icon-clipboard-copy-to SCSS: $icon-clipboard-copy-to $icon-clipboard-copy-to IMG: /icon/file/clipboard-copy-to.svg https://assets.soracom.io/icon/file/clipboard-copy-to.svg
  • CLASS: --icon-clipboard-csv --icon-clipboard-csv SCSS: $icon-clipboard-csv $icon-clipboard-csv IMG: /icon/file/clipboard-csv.svg https://assets.soracom.io/icon/file/clipboard-csv.svg
  • CLASS: --icon-clipboard-delete --icon-clipboard-delete SCSS: $icon-clipboard-delete $icon-clipboard-delete IMG: /icon/file/clipboard-delete.svg https://assets.soracom.io/icon/file/clipboard-delete.svg
  • CLASS: --icon-clipboard-json --icon-clipboard-json SCSS: $icon-clipboard-json $icon-clipboard-json IMG: /icon/file/clipboard-json.svg https://assets.soracom.io/icon/file/clipboard-json.svg
  • CLASS: --icon-clipboard-minus --icon-clipboard-minus SCSS: $icon-clipboard-minus $icon-clipboard-minus IMG: /icon/file/clipboard-minus.svg https://assets.soracom.io/icon/file/clipboard-minus.svg
  • CLASS: --icon-clipboard-plain-text --icon-clipboard-plain-text SCSS: $icon-clipboard-plain-text $icon-clipboard-plain-text IMG: /icon/file/clipboard-plain-text.svg https://assets.soracom.io/icon/file/clipboard-plain-text.svg
  • CLASS: --icon-clipboard-plus --icon-clipboard-plus SCSS: $icon-clipboard-plus $icon-clipboard-plus IMG: /icon/file/clipboard-plus.svg https://assets.soracom.io/icon/file/clipboard-plus.svg
  • CLASS: --icon-clipboard-text --icon-clipboard-text SCSS: $icon-clipboard-text $icon-clipboard-text IMG: /icon/file/clipboard-text.svg https://assets.soracom.io/icon/file/clipboard-text.svg
  • CLASS: --icon-clipboard --icon-clipboard SCSS: $icon-clipboard $icon-clipboard IMG: /icon/file/clipboard.svg https://assets.soracom.io/icon/file/clipboard.svg
  • CLASS: --icon-file-checked --icon-file-checked SCSS: $icon-file-checked $icon-file-checked IMG: /icon/file/file-checked.svg https://assets.soracom.io/icon/file/file-checked.svg
  • CLASS: --icon-file-code --icon-file-code SCSS: $icon-file-code $icon-file-code IMG: /icon/file/file-code.svg https://assets.soracom.io/icon/file/file-code.svg
  • CLASS: --icon-file-create --icon-file-create SCSS: $icon-file-create $icon-file-create IMG: /icon/file/file-create.svg https://assets.soracom.io/icon/file/file-create.svg
  • CLASS: --icon-file-delete --icon-file-delete SCSS: $icon-file-delete $icon-file-delete IMG: /icon/file/file-delete.svg https://assets.soracom.io/icon/file/file-delete.svg
  • CLASS: --icon-file-download --icon-file-download SCSS: $icon-file-download $icon-file-download IMG: /icon/file/file-download.svg https://assets.soracom.io/icon/file/file-download.svg
  • CLASS: --icon-file-draft --icon-file-draft SCSS: $icon-file-draft $icon-file-draft IMG: /icon/file/file-draft.svg https://assets.soracom.io/icon/file/file-draft.svg
  • CLASS: --icon-file-minus --icon-file-minus SCSS: $icon-file-minus $icon-file-minus IMG: /icon/file/file-minus.svg https://assets.soracom.io/icon/file/file-minus.svg
  • CLASS: --icon-file-plus --icon-file-plus SCSS: $icon-file-plus $icon-file-plus IMG: /icon/file/file-plus.svg https://assets.soracom.io/icon/file/file-plus.svg
  • CLASS: --icon-file-scan --icon-file-scan SCSS: $icon-file-scan $icon-file-scan IMG: /icon/file/file-scan.svg https://assets.soracom.io/icon/file/file-scan.svg
  • CLASS: --icon-file-shredder --icon-file-shredder SCSS: $icon-file-shredder $icon-file-shredder IMG: /icon/file/file-shredder.svg https://assets.soracom.io/icon/file/file-shredder.svg
  • CLASS: --icon-file-text --icon-file-text SCSS: $icon-file-text $icon-file-text IMG: /icon/file/file-text.svg https://assets.soracom.io/icon/file/file-text.svg
  • CLASS: --icon-file-upload --icon-file-upload SCSS: $icon-file-upload $icon-file-upload IMG: /icon/file/file-upload.svg https://assets.soracom.io/icon/file/file-upload.svg
  • CLASS: --icon-file --icon-file SCSS: $icon-file $icon-file IMG: /icon/file/file.svg https://assets.soracom.io/icon/file/file.svg
  • CLASS: --icon-folder-arrow --icon-folder-arrow SCSS: $icon-folder-arrow $icon-folder-arrow IMG: /icon/file/folder-arrow.svg https://assets.soracom.io/icon/file/folder-arrow.svg
  • CLASS: --icon-folder-checked --icon-folder-checked SCSS: $icon-folder-checked $icon-folder-checked IMG: /icon/file/folder-checked.svg https://assets.soracom.io/icon/file/folder-checked.svg
  • CLASS: --icon-folder-cloud --icon-folder-cloud SCSS: $icon-folder-cloud $icon-folder-cloud IMG: /icon/file/folder-cloud.svg https://assets.soracom.io/icon/file/folder-cloud.svg
  • CLASS: --icon-folder-create --icon-folder-create SCSS: $icon-folder-create $icon-folder-create IMG: /icon/file/folder-create.svg https://assets.soracom.io/icon/file/folder-create.svg
  • CLASS: --icon-folder-delete --icon-folder-delete SCSS: $icon-folder-delete $icon-folder-delete IMG: /icon/file/folder-delete.svg https://assets.soracom.io/icon/file/folder-delete.svg
  • CLASS: --icon-folder-minus --icon-folder-minus SCSS: $icon-folder-minus $icon-folder-minus IMG: /icon/file/folder-minus.svg https://assets.soracom.io/icon/file/folder-minus.svg
  • CLASS: --icon-folder-music --icon-folder-music SCSS: $icon-folder-music $icon-folder-music IMG: /icon/file/folder-music.svg https://assets.soracom.io/icon/file/folder-music.svg
  • CLASS: --icon-folder-opened --icon-folder-opened SCSS: $icon-folder-opened $icon-folder-opened IMG: /icon/file/folder-opened.svg https://assets.soracom.io/icon/file/folder-opened.svg
  • CLASS: --icon-folder-photo --icon-folder-photo SCSS: $icon-folder-photo $icon-folder-photo IMG: /icon/file/folder-photo.svg https://assets.soracom.io/icon/file/folder-photo.svg
  • CLASS: --icon-folder-plus --icon-folder-plus SCSS: $icon-folder-plus $icon-folder-plus IMG: /icon/file/folder-plus.svg https://assets.soracom.io/icon/file/folder-plus.svg
  • CLASS: --icon-folder-zip --icon-folder-zip SCSS: $icon-folder-zip $icon-folder-zip IMG: /icon/file/folder-zip.svg https://assets.soracom.io/icon/file/folder-zip.svg
  • CLASS: --icon-folder --icon-folder SCSS: $icon-folder $icon-folder IMG: /icon/file/folder.svg https://assets.soracom.io/icon/file/folder.svg
  • CLASS: --icon-note-text --icon-note-text SCSS: $icon-note-text $icon-note-text IMG: /icon/file/note-text.svg https://assets.soracom.io/icon/file/note-text.svg
  • CLASS: --icon-note --icon-note SCSS: $icon-note $icon-note IMG: /icon/file/note.svg https://assets.soracom.io/icon/file/note.svg

Finance 

  • CLASS: --icon-billing-notification --icon-billing-notification SCSS: $icon-billing-notification $icon-billing-notification IMG: /icon/finance/billing-notification.svg https://assets.soracom.io/icon/finance/billing-notification.svg
  • CLASS: --icon-billing --icon-billing SCSS: $icon-billing $icon-billing IMG: /icon/finance/billing.svg https://assets.soracom.io/icon/finance/billing.svg
  • CLASS: --icon-bitcoin --icon-bitcoin SCSS: $icon-bitcoin $icon-bitcoin IMG: /icon/finance/bitcoin.svg https://assets.soracom.io/icon/finance/bitcoin.svg
  • CLASS: --icon-creditcard-add --icon-creditcard-add SCSS: $icon-creditcard-add $icon-creditcard-add IMG: /icon/finance/creditcard-add.svg https://assets.soracom.io/icon/finance/creditcard-add.svg
  • CLASS: --icon-creditcard-income --icon-creditcard-income SCSS: $icon-creditcard-income $icon-creditcard-income IMG: /icon/finance/creditcard-income.svg https://assets.soracom.io/icon/finance/creditcard-income.svg
  • CLASS: --icon-creditcard-no --icon-creditcard-no SCSS: $icon-creditcard-no $icon-creditcard-no IMG: /icon/finance/creditcard-no.svg https://assets.soracom.io/icon/finance/creditcard-no.svg
  • CLASS: --icon-creditcard-outcome --icon-creditcard-outcome SCSS: $icon-creditcard-outcome $icon-creditcard-outcome IMG: /icon/finance/creditcard-outcome.svg https://assets.soracom.io/icon/finance/creditcard-outcome.svg
  • CLASS: --icon-creditcard-scan --icon-creditcard-scan SCSS: $icon-creditcard-scan $icon-creditcard-scan IMG: /icon/finance/creditcard-scan.svg https://assets.soracom.io/icon/finance/creditcard-scan.svg
  • CLASS: --icon-creditcard --icon-creditcard SCSS: $icon-creditcard $icon-creditcard IMG: /icon/finance/creditcard.svg https://assets.soracom.io/icon/finance/creditcard.svg
  • CLASS: --icon-ethereum --icon-ethereum SCSS: $icon-ethereum $icon-ethereum IMG: /icon/finance/ethereum.svg https://assets.soracom.io/icon/finance/ethereum.svg
  • CLASS: --icon-payment --icon-payment SCSS: $icon-payment $icon-payment IMG: /icon/finance/payment.svg https://assets.soracom.io/icon/finance/payment.svg
  • CLASS: --icon-paypass --icon-paypass SCSS: $icon-paypass $icon-paypass IMG: /icon/finance/paypass.svg https://assets.soracom.io/icon/finance/paypass.svg
  • CLASS: --icon-strongbox --icon-strongbox SCSS: $icon-strongbox $icon-strongbox IMG: /icon/finance/strongbox.svg https://assets.soracom.io/icon/finance/strongbox.svg
  • CLASS: --icon-wallet --icon-wallet SCSS: $icon-wallet $icon-wallet IMG: /icon/finance/wallet.svg https://assets.soracom.io/icon/finance/wallet.svg

Food 

  • CLASS: --icon-avocado --icon-avocado SCSS: $icon-avocado $icon-avocado IMG: /icon/food/avocado.svg https://assets.soracom.io/icon/food/avocado.svg
  • CLASS: --icon-bread --icon-bread SCSS: $icon-bread $icon-bread IMG: /icon/food/bread.svg https://assets.soracom.io/icon/food/bread.svg
  • CLASS: --icon-chicken --icon-chicken SCSS: $icon-chicken $icon-chicken IMG: /icon/food/chicken.svg https://assets.soracom.io/icon/food/chicken.svg
  • CLASS: --icon-coffee --icon-coffee SCSS: $icon-coffee $icon-coffee IMG: /icon/food/coffee.svg https://assets.soracom.io/icon/food/coffee.svg
  • CLASS: --icon-egg --icon-egg SCSS: $icon-egg $icon-egg IMG: /icon/food/egg.svg https://assets.soracom.io/icon/food/egg.svg
  • CLASS: --icon-icecream --icon-icecream SCSS: $icon-icecream $icon-icecream IMG: /icon/food/icecream.svg https://assets.soracom.io/icon/food/icecream.svg

Gadgets 

  • CLASS: --icon-battery-100 --icon-battery-100 SCSS: $icon-battery-100 $icon-battery-100 IMG: /icon/gadgets/battery-100.svg https://assets.soracom.io/icon/gadgets/battery-100.svg
  • CLASS: --icon-battery-20 --icon-battery-20 SCSS: $icon-battery-20 $icon-battery-20 IMG: /icon/gadgets/battery-20.svg https://assets.soracom.io/icon/gadgets/battery-20.svg
  • CLASS: --icon-battery-40 --icon-battery-40 SCSS: $icon-battery-40 $icon-battery-40 IMG: /icon/gadgets/battery-40.svg https://assets.soracom.io/icon/gadgets/battery-40.svg
  • CLASS: --icon-battery-60 --icon-battery-60 SCSS: $icon-battery-60 $icon-battery-60 IMG: /icon/gadgets/battery-60.svg https://assets.soracom.io/icon/gadgets/battery-60.svg
  • CLASS: --icon-battery-80 --icon-battery-80 SCSS: $icon-battery-80 $icon-battery-80 IMG: /icon/gadgets/battery-80.svg https://assets.soracom.io/icon/gadgets/battery-80.svg
  • CLASS: --icon-battery-charging --icon-battery-charging SCSS: $icon-battery-charging $icon-battery-charging IMG: /icon/gadgets/battery-charging.svg https://assets.soracom.io/icon/gadgets/battery-charging.svg
  • CLASS: --icon-battery-no --icon-battery-no SCSS: $icon-battery-no $icon-battery-no IMG: /icon/gadgets/battery-no.svg https://assets.soracom.io/icon/gadgets/battery-no.svg
  • CLASS: --icon-battery --icon-battery SCSS: $icon-battery $icon-battery IMG: /icon/gadgets/battery.svg https://assets.soracom.io/icon/gadgets/battery.svg
  • CLASS: --icon-button --icon-button SCSS: $icon-button $icon-button IMG: /icon/gadgets/button.svg https://assets.soracom.io/icon/gadgets/button.svg
  • CLASS: --icon-deactivate-sim --icon-deactivate-sim SCSS: $icon-deactivate-sim $icon-deactivate-sim IMG: /icon/gadgets/deactivate-sim.svg https://assets.soracom.io/icon/gadgets/deactivate-sim.svg
  • CLASS: --icon-devices --icon-devices SCSS: $icon-devices $icon-devices IMG: /icon/gadgets/devices.svg https://assets.soracom.io/icon/gadgets/devices.svg
  • CLASS: --icon-flash-card --icon-flash-card SCSS: $icon-flash-card $icon-flash-card IMG: /icon/gadgets/flash-card.svg https://assets.soracom.io/icon/gadgets/flash-card.svg
  • CLASS: --icon-floppy --icon-floppy SCSS: $icon-floppy $icon-floppy IMG: /icon/gadgets/floppy.svg https://assets.soracom.io/icon/gadgets/floppy.svg
  • CLASS: --icon-ipad --icon-ipad SCSS: $icon-ipad $icon-ipad IMG: /icon/gadgets/ipad.svg https://assets.soracom.io/icon/gadgets/ipad.svg
  • CLASS: --icon-iphone --icon-iphone SCSS: $icon-iphone $icon-iphone IMG: /icon/gadgets/iphone.svg https://assets.soracom.io/icon/gadgets/iphone.svg
  • CLASS: --icon-laptop --icon-laptop SCSS: $icon-laptop $icon-laptop IMG: /icon/gadgets/laptop.svg https://assets.soracom.io/icon/gadgets/laptop.svg
  • CLASS: --icon-memory-card --icon-memory-card SCSS: $icon-memory-card $icon-memory-card IMG: /icon/gadgets/memory-card.svg https://assets.soracom.io/icon/gadgets/memory-card.svg
  • CLASS: --icon-mobile --icon-mobile SCSS: $icon-mobile $icon-mobile IMG: /icon/gadgets/mobile.svg https://assets.soracom.io/icon/gadgets/mobile.svg
  • CLASS: --icon-monitor --icon-monitor SCSS: $icon-monitor $icon-monitor IMG: /icon/gadgets/monitor.svg https://assets.soracom.io/icon/gadgets/monitor.svg
  • CLASS: --icon-printer --icon-printer SCSS: $icon-printer $icon-printer IMG: /icon/gadgets/printer.svg https://assets.soracom.io/icon/gadgets/printer.svg
  • CLASS: --icon-qr-scan --icon-qr-scan SCSS: $icon-qr-scan $icon-qr-scan IMG: /icon/gadgets/qr-scan.svg https://assets.soracom.io/icon/gadgets/qr-scan.svg
  • CLASS: --icon-qr --icon-qr SCSS: $icon-qr $icon-qr IMG: /icon/gadgets/qr.svg https://assets.soracom.io/icon/gadgets/qr.svg
  • CLASS: --icon-scan --icon-scan SCSS: $icon-scan $icon-scan IMG: /icon/gadgets/scan.svg https://assets.soracom.io/icon/gadgets/scan.svg
  • CLASS: --icon-server --icon-server SCSS: $icon-server $icon-server IMG: /icon/gadgets/server.svg https://assets.soracom.io/icon/gadgets/server.svg
  • CLASS: --icon-sim --icon-sim SCSS: $icon-sim $icon-sim IMG: /icon/gadgets/sim.svg https://assets.soracom.io/icon/gadgets/sim.svg

Grid 

  • CLASS: --icon-apps --icon-apps SCSS: $icon-apps $icon-apps IMG: /icon/grid/apps.svg https://assets.soracom.io/icon/grid/apps.svg
  • CLASS: --icon-block-align-bottom --icon-block-align-bottom SCSS: $icon-block-align-bottom $icon-block-align-bottom IMG: /icon/grid/block-align-bottom.svg https://assets.soracom.io/icon/grid/block-align-bottom.svg
  • CLASS: --icon-block-align-horizontally --icon-block-align-horizontally SCSS: $icon-block-align-horizontally $icon-block-align-horizontally IMG: /icon/grid/block-align-horizontally.svg https://assets.soracom.io/icon/grid/block-align-horizontally.svg
  • CLASS: --icon-block-align-left --icon-block-align-left SCSS: $icon-block-align-left $icon-block-align-left IMG: /icon/grid/block-align-left.svg https://assets.soracom.io/icon/grid/block-align-left.svg
  • CLASS: --icon-block-align-right --icon-block-align-right SCSS: $icon-block-align-right $icon-block-align-right IMG: /icon/grid/block-align-right.svg https://assets.soracom.io/icon/grid/block-align-right.svg
  • CLASS: --icon-block-align-top --icon-block-align-top SCSS: $icon-block-align-top $icon-block-align-top IMG: /icon/grid/block-align-top.svg https://assets.soracom.io/icon/grid/block-align-top.svg
  • CLASS: --icon-block-align-vertically --icon-block-align-vertically SCSS: $icon-block-align-vertically $icon-block-align-vertically IMG: /icon/grid/block-align-vertically.svg https://assets.soracom.io/icon/grid/block-align-vertically.svg
  • CLASS: --icon-block-distribute-horizontally --icon-block-distribute-horizontally SCSS: $icon-block-distribute-horizontally $icon-block-distribute-horizontally IMG: /icon/grid/block-distribute-horizontally.svg https://assets.soracom.io/icon/grid/block-distribute-horizontally.svg
  • CLASS: --icon-block-distribute-vertically --icon-block-distribute-vertically SCSS: $icon-block-distribute-vertically $icon-block-distribute-vertically IMG: /icon/grid/block-distribute-vertically.svg https://assets.soracom.io/icon/grid/block-distribute-vertically.svg
  • CLASS: --icon-brake-page --icon-brake-page SCSS: $icon-brake-page $icon-brake-page IMG: /icon/grid/brake-page.svg https://assets.soracom.io/icon/grid/brake-page.svg
  • CLASS: --icon-edit-shape --icon-edit-shape SCSS: $icon-edit-shape $icon-edit-shape IMG: /icon/grid/edit-shape.svg https://assets.soracom.io/icon/grid/edit-shape.svg
  • CLASS: --icon-elements --icon-elements SCSS: $icon-elements $icon-elements IMG: /icon/grid/elements.svg https://assets.soracom.io/icon/grid/elements.svg
  • CLASS: --icon-frame --icon-frame SCSS: $icon-frame $icon-frame IMG: /icon/grid/frame.svg https://assets.soracom.io/icon/grid/frame.svg
  • CLASS: --icon-grid-6 --icon-grid-6 SCSS: $icon-grid-6 $icon-grid-6 IMG: /icon/grid/grid-6.svg https://assets.soracom.io/icon/grid/grid-6.svg
  • CLASS: --icon-grid-col-2 --icon-grid-col-2 SCSS: $icon-grid-col-2 $icon-grid-col-2 IMG: /icon/grid/grid-col-2.svg https://assets.soracom.io/icon/grid/grid-col-2.svg
  • CLASS: --icon-grid-col-3 --icon-grid-col-3 SCSS: $icon-grid-col-3 $icon-grid-col-3 IMG: /icon/grid/grid-col-3.svg https://assets.soracom.io/icon/grid/grid-col-3.svg
  • CLASS: --icon-grid-dynamic --icon-grid-dynamic SCSS: $icon-grid-dynamic $icon-grid-dynamic IMG: /icon/grid/grid-dynamic.svg https://assets.soracom.io/icon/grid/grid-dynamic.svg
  • CLASS: --icon-grid-frame --icon-grid-frame SCSS: $icon-grid-frame $icon-grid-frame IMG: /icon/grid/grid-frame.svg https://assets.soracom.io/icon/grid/grid-frame.svg
  • CLASS: --icon-grid-row-2 --icon-grid-row-2 SCSS: $icon-grid-row-2 $icon-grid-row-2 IMG: /icon/grid/grid-row-2.svg https://assets.soracom.io/icon/grid/grid-row-2.svg
  • CLASS: --icon-grid-row-3 --icon-grid-row-3 SCSS: $icon-grid-row-3 $icon-grid-row-3 IMG: /icon/grid/grid-row-3.svg https://assets.soracom.io/icon/grid/grid-row-3.svg
  • CLASS: --icon-grid-row --icon-grid-row SCSS: $icon-grid-row $icon-grid-row IMG: /icon/grid/grid-row.svg https://assets.soracom.io/icon/grid/grid-row.svg
  • CLASS: --icon-grid-slides --icon-grid-slides SCSS: $icon-grid-slides $icon-grid-slides IMG: /icon/grid/grid-slides.svg https://assets.soracom.io/icon/grid/grid-slides.svg
  • CLASS: --icon-grid-small --icon-grid-small SCSS: $icon-grid-small $icon-grid-small IMG: /icon/grid/grid-small.svg https://assets.soracom.io/icon/grid/grid-small.svg
  • CLASS: --icon-grid --icon-grid SCSS: $icon-grid $icon-grid IMG: /icon/grid/grid.svg https://assets.soracom.io/icon/grid/grid.svg
  • CLASS: --icon-iframe --icon-iframe SCSS: $icon-iframe $icon-iframe IMG: /icon/grid/iframe.svg https://assets.soracom.io/icon/grid/iframe.svg
  • CLASS: --icon-kanban --icon-kanban SCSS: $icon-kanban $icon-kanban IMG: /icon/grid/kanban.svg https://assets.soracom.io/icon/grid/kanban.svg
  • CLASS: --icon-layout --icon-layout SCSS: $icon-layout $icon-layout IMG: /icon/grid/layout.svg https://assets.soracom.io/icon/grid/layout.svg
  • CLASS: --icon-padding --icon-padding SCSS: $icon-padding $icon-padding IMG: /icon/grid/padding.svg https://assets.soracom.io/icon/grid/padding.svg
  • CLASS: --icon-rotate-left --icon-rotate-left SCSS: $icon-rotate-left $icon-rotate-left IMG: /icon/grid/rotate-left.svg https://assets.soracom.io/icon/grid/rotate-left.svg
  • CLASS: --icon-rotate-right --icon-rotate-right SCSS: $icon-rotate-right $icon-rotate-right IMG: /icon/grid/rotate-right.svg https://assets.soracom.io/icon/grid/rotate-right.svg
  • CLASS: --icon-ruler --icon-ruler SCSS: $icon-ruler $icon-ruler IMG: /icon/grid/ruler.svg https://assets.soracom.io/icon/grid/ruler.svg
  • CLASS: --icon-segment --icon-segment SCSS: $icon-segment $icon-segment IMG: /icon/grid/segment.svg https://assets.soracom.io/icon/grid/segment.svg
  • CLASS: --icon-select-area --icon-select-area SCSS: $icon-select-area $icon-select-area IMG: /icon/grid/select-area.svg https://assets.soracom.io/icon/grid/select-area.svg
  • CLASS: --icon-select --icon-select SCSS: $icon-select $icon-select IMG: /icon/grid/select.svg https://assets.soracom.io/icon/grid/select.svg
  • CLASS: --icon-sidebar-left --icon-sidebar-left SCSS: $icon-sidebar-left $icon-sidebar-left IMG: /icon/grid/sidebar-left.svg https://assets.soracom.io/icon/grid/sidebar-left.svg
  • CLASS: --icon-sidebar-right --icon-sidebar-right SCSS: $icon-sidebar-right $icon-sidebar-right IMG: /icon/grid/sidebar-right.svg https://assets.soracom.io/icon/grid/sidebar-right.svg
  • CLASS: --icon-stack-1 --icon-stack-1 SCSS: $icon-stack-1 $icon-stack-1 IMG: /icon/grid/stack-1.svg https://assets.soracom.io/icon/grid/stack-1.svg
  • CLASS: --icon-stack --icon-stack SCSS: $icon-stack $icon-stack IMG: /icon/grid/stack.svg https://assets.soracom.io/icon/grid/stack.svg
  • CLASS: --icon-text --icon-text SCSS: $icon-text $icon-text IMG: /icon/grid/text.svg https://assets.soracom.io/icon/grid/text.svg
  • CLASS: --icon-soracom-animated-loop --icon-soracom-animated-loop SCSS: $icon-soracom-animated-loop $icon-soracom-animated-loop IMG: /icon/logo/soracom-animated-loop.svg https://assets.soracom.io/icon/logo/soracom-animated-loop.svg
  • CLASS: --icon-soracom-animated --icon-soracom-animated SCSS: $icon-soracom-animated $icon-soracom-animated IMG: /icon/logo/soracom-animated.svg https://assets.soracom.io/icon/logo/soracom-animated.svg
  • CLASS: --icon-soracom --icon-soracom SCSS: $icon-soracom $icon-soracom IMG: /icon/logo/soracom.svg https://assets.soracom.io/icon/logo/soracom.svg

Maps 

  • CLASS: --icon-compass --icon-compass SCSS: $icon-compass $icon-compass IMG: /icon/maps/compass.svg https://assets.soracom.io/icon/maps/compass.svg
  • CLASS: --icon-direction-45 --icon-direction-45 SCSS: $icon-direction-45 $icon-direction-45 IMG: /icon/maps/direction-45.svg https://assets.soracom.io/icon/maps/direction-45.svg
  • CLASS: --icon-direction --icon-direction SCSS: $icon-direction $icon-direction IMG: /icon/maps/direction.svg https://assets.soracom.io/icon/maps/direction.svg
  • CLASS: --icon-globe-360 --icon-globe-360 SCSS: $icon-globe-360 $icon-globe-360 IMG: /icon/maps/globe-360.svg https://assets.soracom.io/icon/maps/globe-360.svg
  • CLASS: --icon-globe-no --icon-globe-no SCSS: $icon-globe-no $icon-globe-no IMG: /icon/maps/globe-no.svg https://assets.soracom.io/icon/maps/globe-no.svg
  • CLASS: --icon-globe-stand --icon-globe-stand SCSS: $icon-globe-stand $icon-globe-stand IMG: /icon/maps/globe-stand.svg https://assets.soracom.io/icon/maps/globe-stand.svg
  • CLASS: --icon-globe --icon-globe SCSS: $icon-globe $icon-globe IMG: /icon/maps/globe.svg https://assets.soracom.io/icon/maps/globe.svg
  • CLASS: --icon-gps --icon-gps SCSS: $icon-gps $icon-gps IMG: /icon/maps/gps.svg https://assets.soracom.io/icon/maps/gps.svg
  • CLASS: --icon-location-no --icon-location-no SCSS: $icon-location-no $icon-location-no IMG: /icon/maps/location-no.svg https://assets.soracom.io/icon/maps/location-no.svg
  • CLASS: --icon-location --icon-location SCSS: $icon-location $icon-location IMG: /icon/maps/location.svg https://assets.soracom.io/icon/maps/location.svg
  • CLASS: --icon-map-pin-location --icon-map-pin-location SCSS: $icon-map-pin-location $icon-map-pin-location IMG: /icon/maps/map-pin-location.svg https://assets.soracom.io/icon/maps/map-pin-location.svg
  • CLASS: --icon-map --icon-map SCSS: $icon-map $icon-map IMG: /icon/maps/map.svg https://assets.soracom.io/icon/maps/map.svg
  • CLASS: --icon-panorama --icon-panorama SCSS: $icon-panorama $icon-panorama IMG: /icon/maps/panorama.svg https://assets.soracom.io/icon/maps/panorama.svg
  • CLASS: --icon-pin-add --icon-pin-add SCSS: $icon-pin-add $icon-pin-add IMG: /icon/maps/pin-add.svg https://assets.soracom.io/icon/maps/pin-add.svg
  • CLASS: --icon-pin-no --icon-pin-no SCSS: $icon-pin-no $icon-pin-no IMG: /icon/maps/pin-no.svg https://assets.soracom.io/icon/maps/pin-no.svg
  • CLASS: --icon-pin-question --icon-pin-question SCSS: $icon-pin-question $icon-pin-question IMG: /icon/maps/pin-question.svg https://assets.soracom.io/icon/maps/pin-question.svg
  • CLASS: --icon-pin-round --icon-pin-round SCSS: $icon-pin-round $icon-pin-round IMG: /icon/maps/pin-round.svg https://assets.soracom.io/icon/maps/pin-round.svg
  • CLASS: --icon-pin-start --icon-pin-start SCSS: $icon-pin-start $icon-pin-start IMG: /icon/maps/pin-start.svg https://assets.soracom.io/icon/maps/pin-start.svg
  • CLASS: --icon-pin --icon-pin SCSS: $icon-pin $icon-pin IMG: /icon/maps/pin.svg https://assets.soracom.io/icon/maps/pin.svg
  • CLASS: --icon-radar --icon-radar SCSS: $icon-radar $icon-radar IMG: /icon/maps/radar.svg https://assets.soracom.io/icon/maps/radar.svg
  • CLASS: --icon-route --icon-route SCSS: $icon-route $icon-route IMG: /icon/maps/route.svg https://assets.soracom.io/icon/maps/route.svg

Notifications 

  • CLASS: --icon-app-notification --icon-app-notification SCSS: $icon-app-notification $icon-app-notification IMG: /icon/notifications/app-notification.svg https://assets.soracom.io/icon/notifications/app-notification.svg
  • CLASS: --icon-info --icon-info SCSS: $icon-info $icon-info IMG: /icon/notifications/info.svg https://assets.soracom.io/icon/notifications/info.svg
  • CLASS: --icon-notice --icon-notice SCSS: $icon-notice $icon-notice IMG: /icon/notifications/notice.svg https://assets.soracom.io/icon/notifications/notice.svg
  • CLASS: --icon-notification-add --icon-notification-add SCSS: $icon-notification-add $icon-notification-add IMG: /icon/notifications/notification-add.svg https://assets.soracom.io/icon/notifications/notification-add.svg
  • CLASS: --icon-notification-alert --icon-notification-alert SCSS: $icon-notification-alert $icon-notification-alert IMG: /icon/notifications/notification-alert.svg https://assets.soracom.io/icon/notifications/notification-alert.svg
  • CLASS: --icon-notification-checked --icon-notification-checked SCSS: $icon-notification-checked $icon-notification-checked IMG: /icon/notifications/notification-checked.svg https://assets.soracom.io/icon/notifications/notification-checked.svg
  • CLASS: --icon-notification-no --icon-notification-no SCSS: $icon-notification-no $icon-notification-no IMG: /icon/notifications/notification-no.svg https://assets.soracom.io/icon/notifications/notification-no.svg
  • CLASS: --icon-notification-remove --icon-notification-remove SCSS: $icon-notification-remove $icon-notification-remove IMG: /icon/notifications/notification-remove.svg https://assets.soracom.io/icon/notifications/notification-remove.svg
  • CLASS: --icon-notification --icon-notification SCSS: $icon-notification $icon-notification IMG: /icon/notifications/notification.svg https://assets.soracom.io/icon/notifications/notification.svg
  • CLASS: --icon-question --icon-question SCSS: $icon-question $icon-question IMG: /icon/notifications/question.svg https://assets.soracom.io/icon/notifications/question.svg
  • CLASS: --icon-stop-alert --icon-stop-alert SCSS: $icon-stop-alert $icon-stop-alert IMG: /icon/notifications/stop-alert.svg https://assets.soracom.io/icon/notifications/stop-alert.svg
  • CLASS: --icon-stop-minus --icon-stop-minus SCSS: $icon-stop-minus $icon-stop-minus IMG: /icon/notifications/stop-minus.svg https://assets.soracom.io/icon/notifications/stop-minus.svg
  • CLASS: --icon-stop-x --icon-stop-x SCSS: $icon-stop-x $icon-stop-x IMG: /icon/notifications/stop-x.svg https://assets.soracom.io/icon/notifications/stop-x.svg
  • CLASS: --icon-warning --icon-warning SCSS: $icon-warning $icon-warning IMG: /icon/notifications/warning.svg https://assets.soracom.io/icon/notifications/warning.svg

Reactions 

  • CLASS: --icon-laughing --icon-laughing SCSS: $icon-laughing $icon-laughing IMG: /icon/reactions/laughing.svg https://assets.soracom.io/icon/reactions/laughing.svg
  • CLASS: --icon-neutral --icon-neutral SCSS: $icon-neutral $icon-neutral IMG: /icon/reactions/neutral.svg https://assets.soracom.io/icon/reactions/neutral.svg
  • CLASS: --icon-sad --icon-sad SCSS: $icon-sad $icon-sad IMG: /icon/reactions/sad.svg https://assets.soracom.io/icon/reactions/sad.svg
  • CLASS: --icon-shocked --icon-shocked SCSS: $icon-shocked $icon-shocked IMG: /icon/reactions/shocked.svg https://assets.soracom.io/icon/reactions/shocked.svg
  • CLASS: --icon-smiled --icon-smiled SCSS: $icon-smiled $icon-smiled IMG: /icon/reactions/smiled.svg https://assets.soracom.io/icon/reactions/smiled.svg

Security 

  • CLASS: --icon-authkey --icon-authkey SCSS: $icon-authkey $icon-authkey IMG: /icon/security/authkey.svg https://assets.soracom.io/icon/security/authkey.svg
  • CLASS: --icon-credentials-add --icon-credentials-add SCSS: $icon-credentials-add $icon-credentials-add IMG: /icon/security/credentials-add.svg https://assets.soracom.io/icon/security/credentials-add.svg
  • CLASS: --icon-credentials-lock --icon-credentials-lock SCSS: $icon-credentials-lock $icon-credentials-lock IMG: /icon/security/credentials-lock.svg https://assets.soracom.io/icon/security/credentials-lock.svg
  • CLASS: --icon-credentials-none --icon-credentials-none SCSS: $icon-credentials-none $icon-credentials-none IMG: /icon/security/credentials-none.svg https://assets.soracom.io/icon/security/credentials-none.svg
  • CLASS: --icon-credentials-remove --icon-credentials-remove SCSS: $icon-credentials-remove $icon-credentials-remove IMG: /icon/security/credentials-remove.svg https://assets.soracom.io/icon/security/credentials-remove.svg
  • CLASS: --icon-credentials-ticked --icon-credentials-ticked SCSS: $icon-credentials-ticked $icon-credentials-ticked IMG: /icon/security/credentials-ticked.svg https://assets.soracom.io/icon/security/credentials-ticked.svg
  • CLASS: --icon-credentials-upload --icon-credentials-upload SCSS: $icon-credentials-upload $icon-credentials-upload IMG: /icon/security/credentials-upload.svg https://assets.soracom.io/icon/security/credentials-upload.svg
  • CLASS: --icon-credentials --icon-credentials SCSS: $icon-credentials $icon-credentials IMG: /icon/security/credentials.svg https://assets.soracom.io/icon/security/credentials.svg
  • CLASS: --icon-facetime --icon-facetime SCSS: $icon-facetime $icon-facetime IMG: /icon/security/facetime.svg https://assets.soracom.io/icon/security/facetime.svg
  • CLASS: --icon-lock-circle --icon-lock-circle SCSS: $icon-lock-circle $icon-lock-circle IMG: /icon/security/lock-circle.svg https://assets.soracom.io/icon/security/lock-circle.svg
  • CLASS: --icon-lock-no --icon-lock-no SCSS: $icon-lock-no $icon-lock-no IMG: /icon/security/lock-no.svg https://assets.soracom.io/icon/security/lock-no.svg
  • CLASS: --icon-lock --icon-lock SCSS: $icon-lock $icon-lock IMG: /icon/security/lock.svg https://assets.soracom.io/icon/security/lock.svg
  • CLASS: --icon-password --icon-password SCSS: $icon-password $icon-password IMG: /icon/security/password.svg https://assets.soracom.io/icon/security/password.svg
  • CLASS: --icon-revoke-authkey --icon-revoke-authkey SCSS: $icon-revoke-authkey $icon-revoke-authkey IMG: /icon/security/revoke-authkey.svg https://assets.soracom.io/icon/security/revoke-authkey.svg
  • CLASS: --icon-signin --icon-signin SCSS: $icon-signin $icon-signin IMG: /icon/security/signin.svg https://assets.soracom.io/icon/security/signin.svg
  • CLASS: --icon-signout --icon-signout SCSS: $icon-signout $icon-signout IMG: /icon/security/signout.svg https://assets.soracom.io/icon/security/signout.svg
  • CLASS: --icon-unlock --icon-unlock SCSS: $icon-unlock $icon-unlock IMG: /icon/security/unlock.svg https://assets.soracom.io/icon/security/unlock.svg
  • CLASS: --icon-verified --icon-verified SCSS: $icon-verified $icon-verified IMG: /icon/security/verified.svg https://assets.soracom.io/icon/security/verified.svg

Shopping 

  • CLASS: --icon-bag --icon-bag SCSS: $icon-bag $icon-bag IMG: /icon/shopping/bag.svg https://assets.soracom.io/icon/shopping/bag.svg
  • CLASS: --icon-basket --icon-basket SCSS: $icon-basket $icon-basket IMG: /icon/shopping/basket.svg https://assets.soracom.io/icon/shopping/basket.svg
  • CLASS: --icon-coupon --icon-coupon SCSS: $icon-coupon $icon-coupon IMG: /icon/shopping/coupon.svg https://assets.soracom.io/icon/shopping/coupon.svg
  • CLASS: --icon-cut-coupon --icon-cut-coupon SCSS: $icon-cut-coupon $icon-cut-coupon IMG: /icon/shopping/cut-coupon.svg https://assets.soracom.io/icon/shopping/cut-coupon.svg
  • CLASS: --icon-delivery --icon-delivery SCSS: $icon-delivery $icon-delivery IMG: /icon/shopping/delivery.svg https://assets.soracom.io/icon/shopping/delivery.svg
  • CLASS: --icon-discount-percentage --icon-discount-percentage SCSS: $icon-discount-percentage $icon-discount-percentage IMG: /icon/shopping/discount-percentage.svg https://assets.soracom.io/icon/shopping/discount-percentage.svg
  • CLASS: --icon-discount --icon-discount SCSS: $icon-discount $icon-discount IMG: /icon/shopping/discount.svg https://assets.soracom.io/icon/shopping/discount.svg
  • CLASS: --icon-gift --icon-gift SCSS: $icon-gift $icon-gift IMG: /icon/shopping/gift.svg https://assets.soracom.io/icon/shopping/gift.svg
  • CLASS: --icon-order --icon-order SCSS: $icon-order $icon-order IMG: /icon/shopping/order.svg https://assets.soracom.io/icon/shopping/order.svg
  • CLASS: --icon-pos --icon-pos SCSS: $icon-pos $icon-pos IMG: /icon/shopping/pos.svg https://assets.soracom.io/icon/shopping/pos.svg
  • CLASS: --icon-tag --icon-tag SCSS: $icon-tag $icon-tag IMG: /icon/shopping/tag.svg https://assets.soracom.io/icon/shopping/tag.svg
  • CLASS: --icon-tote --icon-tote SCSS: $icon-tote $icon-tote IMG: /icon/shopping/tote.svg https://assets.soracom.io/icon/shopping/tote.svg

Software 

  • CLASS: --icon-cloud-checked --icon-cloud-checked SCSS: $icon-cloud-checked $icon-cloud-checked IMG: /icon/software/cloud-checked.svg https://assets.soracom.io/icon/software/cloud-checked.svg
  • CLASS: --icon-cloud-connect --icon-cloud-connect SCSS: $icon-cloud-connect $icon-cloud-connect IMG: /icon/software/cloud-connect.svg https://assets.soracom.io/icon/software/cloud-connect.svg
  • CLASS: --icon-cloud-download --icon-cloud-download SCSS: $icon-cloud-download $icon-cloud-download IMG: /icon/software/cloud-download.svg https://assets.soracom.io/icon/software/cloud-download.svg
  • CLASS: --icon-cloud-no --icon-cloud-no SCSS: $icon-cloud-no $icon-cloud-no IMG: /icon/software/cloud-no.svg https://assets.soracom.io/icon/software/cloud-no.svg
  • CLASS: --icon-cloud-on-demand --icon-cloud-on-demand SCSS: $icon-cloud-on-demand $icon-cloud-on-demand IMG: /icon/software/cloud-on-demand.svg https://assets.soracom.io/icon/software/cloud-on-demand.svg
  • CLASS: --icon-cloud-upload --icon-cloud-upload SCSS: $icon-cloud-upload $icon-cloud-upload IMG: /icon/software/cloud-upload.svg https://assets.soracom.io/icon/software/cloud-upload.svg
  • CLASS: --icon-cloud --icon-cloud SCSS: $icon-cloud $icon-cloud IMG: /icon/software/cloud.svg https://assets.soracom.io/icon/software/cloud.svg
  • CLASS: --icon-code --icon-code SCSS: $icon-code $icon-code IMG: /icon/software/code.svg https://assets.soracom.io/icon/software/code.svg
  • CLASS: --icon-database --icon-database SCSS: $icon-database $icon-database IMG: /icon/software/database.svg https://assets.soracom.io/icon/software/database.svg
  • CLASS: --icon-terminal --icon-terminal SCSS: $icon-terminal $icon-terminal IMG: /icon/software/terminal.svg https://assets.soracom.io/icon/software/terminal.svg

Symbols 

  • CLASS: --icon-at-sign --icon-at-sign SCSS: $icon-at-sign $icon-at-sign IMG: /icon/symbols/at-sign.svg https://assets.soracom.io/icon/symbols/at-sign.svg
  • CLASS: --icon-behance --icon-behance SCSS: $icon-behance $icon-behance IMG: /icon/symbols/behance.svg https://assets.soracom.io/icon/symbols/behance.svg
  • CLASS: --icon-cc --icon-cc SCSS: $icon-cc $icon-cc IMG: /icon/symbols/cc.svg https://assets.soracom.io/icon/symbols/cc.svg
  • CLASS: --icon-cc0 --icon-cc0 SCSS: $icon-cc0 $icon-cc0 IMG: /icon/symbols/cc0.svg https://assets.soracom.io/icon/symbols/cc0.svg
  • CLASS: --icon-command --icon-command SCSS: $icon-command $icon-command IMG: /icon/symbols/command.svg https://assets.soracom.io/icon/symbols/command.svg
  • CLASS: --icon-dribbble --icon-dribbble SCSS: $icon-dribbble $icon-dribbble IMG: /icon/symbols/dribbble.svg https://assets.soracom.io/icon/symbols/dribbble.svg
  • CLASS: --icon-facebook --icon-facebook SCSS: $icon-facebook $icon-facebook IMG: /icon/symbols/facebook.svg https://assets.soracom.io/icon/symbols/facebook.svg
  • CLASS: --icon-github --icon-github SCSS: $icon-github $icon-github IMG: /icon/symbols/github.svg https://assets.soracom.io/icon/symbols/github.svg
  • CLASS: --icon-gitlab --icon-gitlab SCSS: $icon-gitlab $icon-gitlab IMG: /icon/symbols/gitlab.svg https://assets.soracom.io/icon/symbols/gitlab.svg
  • CLASS: --icon-google --icon-google SCSS: $icon-google $icon-google IMG: /icon/symbols/google.svg https://assets.soracom.io/icon/symbols/google.svg
  • CLASS: --icon-hash --icon-hash SCSS: $icon-hash $icon-hash IMG: /icon/symbols/hash.svg https://assets.soracom.io/icon/symbols/hash.svg
  • CLASS: --icon-instagram --icon-instagram SCSS: $icon-instagram $icon-instagram IMG: /icon/symbols/instagram.svg https://assets.soracom.io/icon/symbols/instagram.svg
  • CLASS: --icon-linkedin --icon-linkedin SCSS: $icon-linkedin $icon-linkedin IMG: /icon/symbols/linkedin.svg https://assets.soracom.io/icon/symbols/linkedin.svg
  • CLASS: --icon-peace --icon-peace SCSS: $icon-peace $icon-peace IMG: /icon/symbols/peace.svg https://assets.soracom.io/icon/symbols/peace.svg
  • CLASS: --icon-sigfox --icon-sigfox SCSS: $icon-sigfox $icon-sigfox IMG: /icon/symbols/sigfox.svg https://assets.soracom.io/icon/symbols/sigfox.svg
  • CLASS: --icon-twitter --icon-twitter SCSS: $icon-twitter $icon-twitter IMG: /icon/symbols/twitter.svg https://assets.soracom.io/icon/symbols/twitter.svg
  • CLASS: --icon-youtube --icon-youtube SCSS: $icon-youtube $icon-youtube IMG: /icon/symbols/youtube.svg https://assets.soracom.io/icon/symbols/youtube.svg

Time 

  • CLASS: --icon-alarm-checked --icon-alarm-checked SCSS: $icon-alarm-checked $icon-alarm-checked IMG: /icon/time/alarm-checked.svg https://assets.soracom.io/icon/time/alarm-checked.svg
  • CLASS: --icon-alarm-minus --icon-alarm-minus SCSS: $icon-alarm-minus $icon-alarm-minus IMG: /icon/time/alarm-minus.svg https://assets.soracom.io/icon/time/alarm-minus.svg
  • CLASS: --icon-alarm-no --icon-alarm-no SCSS: $icon-alarm-no $icon-alarm-no IMG: /icon/time/alarm-no.svg https://assets.soracom.io/icon/time/alarm-no.svg
  • CLASS: --icon-alarm-plus --icon-alarm-plus SCSS: $icon-alarm-plus $icon-alarm-plus IMG: /icon/time/alarm-plus.svg https://assets.soracom.io/icon/time/alarm-plus.svg
  • CLASS: --icon-alarm-snooze --icon-alarm-snooze SCSS: $icon-alarm-snooze $icon-alarm-snooze IMG: /icon/time/alarm-snooze.svg https://assets.soracom.io/icon/time/alarm-snooze.svg
  • CLASS: --icon-alarm --icon-alarm SCSS: $icon-alarm $icon-alarm IMG: /icon/time/alarm.svg https://assets.soracom.io/icon/time/alarm.svg
  • CLASS: --icon-calendar-checked --icon-calendar-checked SCSS: $icon-calendar-checked $icon-calendar-checked IMG: /icon/time/calendar-checked.svg https://assets.soracom.io/icon/time/calendar-checked.svg
  • CLASS: --icon-calendar-create --icon-calendar-create SCSS: $icon-calendar-create $icon-calendar-create IMG: /icon/time/calendar-create.svg https://assets.soracom.io/icon/time/calendar-create.svg
  • CLASS: --icon-calendar-dates --icon-calendar-dates SCSS: $icon-calendar-dates $icon-calendar-dates IMG: /icon/time/calendar-dates.svg https://assets.soracom.io/icon/time/calendar-dates.svg
  • CLASS: --icon-calendar-delete --icon-calendar-delete SCSS: $icon-calendar-delete $icon-calendar-delete IMG: /icon/time/calendar-delete.svg https://assets.soracom.io/icon/time/calendar-delete.svg
  • CLASS: --icon-calendar-minus --icon-calendar-minus SCSS: $icon-calendar-minus $icon-calendar-minus IMG: /icon/time/calendar-minus.svg https://assets.soracom.io/icon/time/calendar-minus.svg
  • CLASS: --icon-calendar-plus --icon-calendar-plus SCSS: $icon-calendar-plus $icon-calendar-plus IMG: /icon/time/calendar-plus.svg https://assets.soracom.io/icon/time/calendar-plus.svg
  • CLASS: --icon-calendar --icon-calendar SCSS: $icon-calendar $icon-calendar IMG: /icon/time/calendar.svg https://assets.soracom.io/icon/time/calendar.svg
  • CLASS: --icon-stopwatch --icon-stopwatch SCSS: $icon-stopwatch $icon-stopwatch IMG: /icon/time/stopwatch.svg https://assets.soracom.io/icon/time/stopwatch.svg
  • CLASS: --icon-time-history --icon-time-history SCSS: $icon-time-history $icon-time-history IMG: /icon/time/time-history.svg https://assets.soracom.io/icon/time/time-history.svg
  • CLASS: --icon-time --icon-time SCSS: $icon-time $icon-time IMG: /icon/time/time.svg https://assets.soracom.io/icon/time/time.svg
  • CLASS: --icon-timer --icon-timer SCSS: $icon-timer $icon-timer IMG: /icon/time/timer.svg https://assets.soracom.io/icon/time/timer.svg
  • CLASS: --icon-watch --icon-watch SCSS: $icon-watch $icon-watch IMG: /icon/time/watch.svg https://assets.soracom.io/icon/time/watch.svg

Various 

  • CLASS: --icon-advertisement --icon-advertisement SCSS: $icon-advertisement $icon-advertisement IMG: /icon/various/advertisement.svg https://assets.soracom.io/icon/various/advertisement.svg
  • CLASS: --icon-atom --icon-atom SCSS: $icon-atom $icon-atom IMG: /icon/various/atom.svg https://assets.soracom.io/icon/various/atom.svg
  • CLASS: --icon-bone --icon-bone SCSS: $icon-bone $icon-bone IMG: /icon/various/bone.svg https://assets.soracom.io/icon/various/bone.svg
  • CLASS: --icon-brightness-high --icon-brightness-high SCSS: $icon-brightness-high $icon-brightness-high IMG: /icon/various/brightness-high.svg https://assets.soracom.io/icon/various/brightness-high.svg
  • CLASS: --icon-brightness-low --icon-brightness-low SCSS: $icon-brightness-low $icon-brightness-low IMG: /icon/various/brightness-low.svg https://assets.soracom.io/icon/various/brightness-low.svg
  • CLASS: --icon-contrast --icon-contrast SCSS: $icon-contrast $icon-contrast IMG: /icon/various/contrast.svg https://assets.soracom.io/icon/various/contrast.svg
  • CLASS: --icon-cross --icon-cross SCSS: $icon-cross $icon-cross IMG: /icon/various/cross.svg https://assets.soracom.io/icon/various/cross.svg
  • CLASS: --icon-crosshairs --icon-crosshairs SCSS: $icon-crosshairs $icon-crosshairs IMG: /icon/various/crosshairs.svg https://assets.soracom.io/icon/various/crosshairs.svg
  • CLASS: --icon-cup --icon-cup SCSS: $icon-cup $icon-cup IMG: /icon/various/cup.svg https://assets.soracom.io/icon/various/cup.svg
  • CLASS: --icon-form --icon-form SCSS: $icon-form $icon-form IMG: /icon/various/form.svg https://assets.soracom.io/icon/various/form.svg
  • CLASS: --icon-infinity --icon-infinity SCSS: $icon-infinity $icon-infinity IMG: /icon/various/infinity.svg https://assets.soracom.io/icon/various/infinity.svg
  • CLASS: --icon-items --icon-items SCSS: $icon-items $icon-items IMG: /icon/various/items.svg https://assets.soracom.io/icon/various/items.svg
  • CLASS: --icon-lightbulb --icon-lightbulb SCSS: $icon-lightbulb $icon-lightbulb IMG: /icon/various/lightbulb.svg https://assets.soracom.io/icon/various/lightbulb.svg
  • CLASS: --icon-moon --icon-moon SCSS: $icon-moon $icon-moon IMG: /icon/various/moon.svg https://assets.soracom.io/icon/various/moon.svg
  • CLASS: --icon-nut --icon-nut SCSS: $icon-nut $icon-nut IMG: /icon/various/nut.svg https://assets.soracom.io/icon/various/nut.svg
  • CLASS: --icon-planet --icon-planet SCSS: $icon-planet $icon-planet IMG: /icon/various/planet.svg https://assets.soracom.io/icon/various/planet.svg
  • CLASS: --icon-pocket --icon-pocket SCSS: $icon-pocket $icon-pocket IMG: /icon/various/pocket.svg https://assets.soracom.io/icon/various/pocket.svg
  • CLASS: --icon-rocket --icon-rocket SCSS: $icon-rocket $icon-rocket IMG: /icon/various/rocket.svg https://assets.soracom.io/icon/various/rocket.svg
  • CLASS: --icon-sun --icon-sun SCSS: $icon-sun $icon-sun IMG: /icon/various/sun.svg https://assets.soracom.io/icon/various/sun.svg
  • CLASS: --icon-toy-horse --icon-toy-horse SCSS: $icon-toy-horse $icon-toy-horse IMG: /icon/various/toy-horse.svg https://assets.soracom.io/icon/various/toy-horse.svg