- Home
- Design system
- Images
- Icons
Icons
Overview
The most basic example is a standalone icon element:
<i class="ds-icon --icon-user"></i>
Commonly used
Icon Size
Actions
Navigation
Status
UI
Soracom Icon Set
The following SIS icons are available in SDS
Platform
CLASS: --icon-soracom-funnel-adaptor
IMG: /icon/soracom/platform/sis0138-soracom-funnel-adaptor.svg
CLASS: --icon-s-plus-smart-notification-service
IMG: /icon/soracom/platform/sis0214-s-plus-smart-notification-service.svg
CLASS: --icon-gps-multiunit-soracom-edition
IMG: /icon/soracom/platform/sis0215-gps-multiunit-soracom-edition.svg
CLASS: --icon-soracom-cloud-camera-services
IMG: /icon/soracom/platform/sis0223-soracom-cloud-camera-services.svg
CLASS: --icon-s-plus-camera-design
IMG: /icon/soracom/platform/sis0225-s-plus-camera-design.svg
CLASS: --icon-soracom-platform-a
IMG: /icon/soracom/platform/siss001-soracom-platform-a.svg
CLASS: --icon-soracom-platform-b
IMG: /icon/soracom/platform/siss002-soracom-platform-b.svg
CLASS: --icon-iot-sim-for-global-a
IMG: /icon/soracom/platform/siss012-iot-sim-for-global-a.svg
CLASS: --icon-iot-sim-for-global-b
IMG: /icon/soracom/platform/siss013-iot-sim-for-global-b.svg
CLASS: --icon-soracom-inventory-client
IMG: /icon/soracom/platform/siss016-soracom-inventory-client.svg
CLASS: --icon-soracom-krypton-key
IMG: /icon/soracom/platform/siss020-soracom-krypton-key.svg
Connectivity
CLASS: --icon-soracom-air-active
IMG: /icon/soracom/connectivity/sis0073-soracom-air-active.svg
CLASS: --icon-soracom-air-stop
IMG: /icon/soracom/connectivity/sis0074-soracom-air-stop.svg
CLASS: --icon-soracom-air-inactive
IMG: /icon/soracom/connectivity/sis0075-soracom-air-inactive.svg
CLASS: --icon-soracom-air-low-speed
IMG: /icon/soracom/connectivity/sis0076-soracom-air-low-speed.svg
CLASS: --icon-soracom-air-high-speed
IMG: /icon/soracom/connectivity/sis0077-soracom-air-high-speed.svg
CLASS: --icon-soracom-air-checked
IMG: /icon/soracom/connectivity/sis0078-soracom-air-checked.svg
CLASS: --icon-soracom-air-fast
IMG: /icon/soracom/connectivity/sis0079-soracom-air-fast.svg
CLASS: --icon-soracom-air-slow
IMG: /icon/soracom/connectivity/sis0080-soracom-air-slow.svg
CLASS: --icon-soracom-air-standard
IMG: /icon/soracom/connectivity/sis0081-soracom-air-standard.svg
CLASS: --icon-soracom-air-minimum
IMG: /icon/soracom/connectivity/sis0082-soracom-air-minimum.svg
CLASS: --icon-soracom-air-live
IMG: /icon/soracom/connectivity/sis0083-soracom-air-live.svg
CLASS: --icon-soracom-air-dead
IMG: /icon/soracom/connectivity/sis0084-soracom-air-dead.svg
CLASS: --icon-soracom-air-unknown
IMG: /icon/soracom/connectivity/sis0085-soracom-air-unknown.svg
CLASS: --icon-soracom-air-free
IMG: /icon/soracom/connectivity/sis0086-soracom-air-free.svg
Devices
CLASS: --icon-surveillance-camera
IMG: /icon/soracom/devices/sis0013-surveillance-camera.svg
General
Account
Arrows
Basic
Call
Chatting
Clipboard
Connection
Communication
File
Finance
Food
Gadgets
Grid
CLASS: --icon-block-distribute-horizontally
IMG: /icon/grid/block-distribute-horizontally.svg
Logo
Maps
Notifications
Reactions
Security
Shopping
Software
Symbols
Brand icons
All brand icons are trademarks of their respective owners and should only be used to represent the corresponding company or product.
CLASS: --icon-azure
CLASS: --icon-claude
CLASS: --icon-facebook
CLASS: --icon-github
CLASS: --icon-google-gemini
CLASS: --icon-google
CLASS: --icon-line
CLASS: --icon-openai
CLASS: --icon-sigfox
CLASS: --icon-slack
CLASS: --icon-weathernews