Skip to content
MENU

Soracom

Design System

Icons

Available icons 

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-basic-user"></i>

The following icons are published in the SDS and available for inclusion on html components:

Note: To add a new icon below, add a new variable in the $icons map in ds/src/components/_common/_icons.scss and run gulp build to update this documentation.

Published 

  • CLASS: --icon-deactivate-sim --icon-deactivate-sim IMG: /icon/gadgets/sim-card.svg https://assets.soracom.io/icon/gadgets/sim-card.svg
  • CLASS: --icon-sim --icon-sim IMG: /icon/gadgets/sim-card.svg https://assets.soracom.io/icon/gadgets/sim-card.svg
  • CLASS: --icon-calendar-dates --icon-calendar-dates IMG: /icon/time/calendar-dates.svg https://assets.soracom.io/icon/time/calendar-dates.svg
  • CLASS: --icon-info --icon-info IMG: /icon/notifications/info.svg https://assets.soracom.io/icon/notifications/info.svg
  • CLASS: --icon-notice --icon-notice IMG: /icon/notifications/alert-circle.svg https://assets.soracom.io/icon/notifications/alert-circle.svg
  • CLASS: --icon-warning --icon-warning IMG: /icon/notifications/alert-triangle.svg https://assets.soracom.io/icon/notifications/alert-triangle.svg
  • CLASS: --icon-signin --icon-signin IMG: /icon/security/lock.svg https://assets.soracom.io/icon/security/lock.svg
  • CLASS: --icon-signout --icon-signout IMG: /icon/basic/exit.svg https://assets.soracom.io/icon/basic/exit.svg
  • CLASS: --icon-password --icon-password IMG: /icon/security/key.svg https://assets.soracom.io/icon/security/key.svg
  • CLASS: --icon-credentials --icon-credentials IMG: /icon/security/shield.svg https://assets.soracom.io/icon/security/shield.svg
  • CLASS: --icon-credentials-add --icon-credentials-add IMG: /icon/security/shield-plus.svg https://assets.soracom.io/icon/security/shield-plus.svg
  • CLASS: --icon-credentials-lock --icon-credentials-lock IMG: /icon/security/shield-lock.svg https://assets.soracom.io/icon/security/shield-lock.svg
  • CLASS: --icon-credentials-none --icon-credentials-none IMG: /icon/security/shield-no.svg https://assets.soracom.io/icon/security/shield-no.svg
  • CLASS: --icon-credentials-remove --icon-credentials-remove IMG: /icon/security/shield-cross.svg https://assets.soracom.io/icon/security/shield-cross.svg
  • CLASS: --icon-credentials-ticked --icon-credentials-ticked IMG: /icon/security/shield-ok.svg https://assets.soracom.io/icon/security/shield-ok.svg
  • CLASS: --icon-credentials-upload --icon-credentials-upload IMG: /icon/security/shield-upload.svg https://assets.soracom.io/icon/security/shield-upload.svg
  • CLASS: --icon-language --icon-language IMG: /icon/basic/language.svg https://assets.soracom.io/icon/basic/language.svg
  • CLASS: --icon-language-solid --icon-language-solid IMG: /icon/basic/language-solid.svg https://assets.soracom.io/icon/basic/language-solid.svg
  • CLASS: --icon-copy --icon-copy IMG: /icon/basic/copy.svg https://assets.soracom.io/icon/basic/copy.svg
  • CLASS: --icon-coverage --icon-coverage IMG: /icon/basic/globe.svg https://assets.soracom.io/icon/basic/globe.svg
  • CLASS: --icon-basic-user --icon-basic-user IMG: /icon/basic/user.svg https://assets.soracom.io/icon/basic/user.svg
  • CLASS: --icon-email --icon-email IMG: /icon/basic/mail.svg https://assets.soracom.io/icon/basic/mail.svg
  • CLASS: --icon-notification --icon-notification IMG: /icon/notifications/bell.svg https://assets.soracom.io/icon/notifications/bell.svg
  • CLASS: --icon-visible --icon-visible IMG: /icon/basic/eye.svg https://assets.soracom.io/icon/basic/eye.svg
  • CLASS: --icon-hidden --icon-hidden IMG: /icon/basic/eye-no.svg https://assets.soracom.io/icon/basic/eye-no.svg
  • CLASS: --icon-light --icon-light IMG: /icon/various/brightness-high.svg https://assets.soracom.io/icon/various/brightness-high.svg
  • CLASS: --icon-dark --icon-dark IMG: /icon/various/moon.svg https://assets.soracom.io/icon/various/moon.svg
  • CLASS: --icon-arrow-top --icon-arrow-top IMG: /icon/arrows/arrow-top.svg https://assets.soracom.io/icon/arrows/arrow-top.svg
  • CLASS: --icon-arrow-right --icon-arrow-right IMG: /icon/arrows/arrow-right.svg https://assets.soracom.io/icon/arrows/arrow-right.svg
  • CLASS: --icon-arrow-bottom --icon-arrow-bottom IMG: /icon/arrows/arrow-bottom.svg https://assets.soracom.io/icon/arrows/arrow-bottom.svg
  • CLASS: --icon-arrow-left --icon-arrow-left IMG: /icon/arrows/arrow-left.svg https://assets.soracom.io/icon/arrows/arrow-left.svg
  • CLASS: --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 IMG: /icon/arrows/arrow-top-right.svg https://assets.soracom.io/icon/arrows/arrow-top-right.svg
  • CLASS: --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-left --icon-arrow-bottom-left IMG: /icon/arrows/arrow-bottom-left.svg https://assets.soracom.io/icon/arrows/arrow-bottom-left.svg
  • CLASS: --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-rotate-cw --icon-rotate-cw IMG: /icon/arrows/rotate-cw.svg https://assets.soracom.io/icon/arrows/rotate-cw.svg
  • CLASS: --icon-rotate-ccw --icon-rotate-ccw IMG: /icon/arrows/rotate-ccw.svg https://assets.soracom.io/icon/arrows/rotate-ccw.svg
  • CLASS: --icon-refresh-cw --icon-refresh-cw IMG: /icon/arrows/refresh-cw.svg https://assets.soracom.io/icon/arrows/refresh-cw.svg
  • CLASS: --icon-refresh-ccw --icon-refresh-ccw IMG: /icon/arrows/refresh-ccw.svg https://assets.soracom.io/icon/arrows/refresh-ccw.svg
  • CLASS: --icon-time --icon-time IMG: /icon/time/time.svg https://assets.soracom.io/icon/time/time.svg
  • CLASS: --icon-ui-arrow-down --icon-ui-arrow-down IMG: /icon/ui/arrow-down.svg https://assets.soracom.io/icon/ui/arrow-down.svg
  • CLASS: --icon-delete --icon-delete IMG: /icon/basic/trash-empty.svg https://assets.soracom.io/icon/basic/trash-empty.svg
  • CLASS: --icon-support --icon-support IMG: /icon/basic/support.svg https://assets.soracom.io/icon/basic/support.svg
  • CLASS: --icon-download --icon-download IMG: /icon/basic/download.svg https://assets.soracom.io/icon/basic/download.svg
  • CLASS: --icon-external-link --icon-external-link IMG: /icon/basic/external-link.svg https://assets.soracom.io/icon/basic/external-link.svg
  • CLASS: --icon-qr --icon-qr IMG: /icon/basic/qr.svg https://assets.soracom.io/icon/basic/qr.svg
  • CLASS: --icon-settings --icon-settings IMG: /icon/basic/settings.svg https://assets.soracom.io/icon/basic/settings.svg
  • CLASS: --icon-menu --icon-menu IMG: /icon/basic/menu.svg https://assets.soracom.io/icon/basic/menu.svg
  • CLASS: --icon-edit --icon-edit IMG: /icon/basic/pencil-create.svg https://assets.soracom.io/icon/basic/pencil-create.svg
  • CLASS: --icon-s-plus-add --icon-s-plus-add IMG: /icon/soracom/s-plus-add.svg https://assets.soracom.io/icon/soracom/s-plus-add.svg
  • CLASS: --icon-s-plus-minus --icon-s-plus-minus IMG: /icon/soracom/s-plus-minus.svg https://assets.soracom.io/icon/soracom/s-plus-minus.svg
  • CLASS: --icon-s-plus-upload --icon-s-plus-upload IMG: /icon/soracom/s-plus-upload.svg https://assets.soracom.io/icon/soracom/s-plus-upload.svg
  • CLASS: --icon-s-plus-download --icon-s-plus-download IMG: /icon/soracom/s-plus-download.svg https://assets.soracom.io/icon/soracom/s-plus-download.svg
  • CLASS: --icon-cloud-connected --icon-cloud-connected IMG: /icon/software/cloud-connect.svg https://assets.soracom.io/icon/software/cloud-connect.svg
  • CLASS: --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 IMG: /icon/software/cloud-upload.svg https://assets.soracom.io/icon/software/cloud-upload.svg
  • CLASS: --icon-cloud-download --icon-cloud-download IMG: /icon/software/cloud-download.svg https://assets.soracom.io/icon/software/cloud-download.svg
  • CLASS: --icon-circle --icon-circle IMG: /icon/basic/circle.svg https://assets.soracom.io/icon/basic/circle.svg
  • CLASS: --icon-circle-dashed --icon-circle-dashed IMG: /icon/basic/circle-dashed.svg https://assets.soracom.io/icon/basic/circle-dashed.svg
  • CLASS: --icon-offline --icon-offline IMG: /icon/notifications/minus-octagon.svg https://assets.soracom.io/icon/notifications/minus-octagon.svg
  • CLASS: --icon-stop-minus --icon-stop-minus IMG: /icon/notifications/minus-octagon.svg https://assets.soracom.io/icon/notifications/minus-octagon.svg
  • CLASS: --icon-stop-x --icon-stop-x IMG: /icon/notifications/x-octagon.svg https://assets.soracom.io/icon/notifications/x-octagon.svg
  • CLASS: --icon-stop-alert --icon-stop-alert IMG: /icon/notifications/alert-octagon.svg https://assets.soracom.io/icon/notifications/alert-octagon.svg
  • CLASS: --icon-inactive --icon-inactive IMG: /icon/basic/circle-pause.svg https://assets.soracom.io/icon/basic/circle-pause.svg
  • CLASS: --icon-inactive-solid --icon-inactive-solid IMG: /icon/basic/circle.svg https://assets.soracom.io/icon/basic/circle.svg
  • CLASS: --icon-confirm --icon-confirm IMG: /icon/basic/check-mark-large.svg https://assets.soracom.io/icon/basic/check-mark-large.svg
  • CLASS: --icon-online --icon-online IMG: /icon/basic/circle-checked.svg https://assets.soracom.io/icon/basic/circle-checked.svg
  • CLASS: --icon-online-solid --icon-online-solid IMG: /icon/basic/circle-checked-solid.svg https://assets.soracom.io/icon/basic/circle-checked-solid.svg
  • CLASS: --icon-plus --icon-plus IMG: /icon/basic/plus-large.svg https://assets.soracom.io/icon/basic/plus-large.svg
  • CLASS: --icon-circle-plus --icon-circle-plus IMG: /icon/basic/circle-plus.svg https://assets.soracom.io/icon/basic/circle-plus.svg
  • CLASS: --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-minus --icon-minus IMG: /icon/basic/minus-large.svg https://assets.soracom.io/icon/basic/minus-large.svg
  • CLASS: --icon-circle-minus --icon-circle-minus IMG: /icon/basic/circle-minus.svg https://assets.soracom.io/icon/basic/circle-minus.svg
  • CLASS: --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-cancel --icon-cancel IMG: /icon/basic/x-large.svg https://assets.soracom.io/icon/basic/x-large.svg
  • CLASS: --icon-circle-x --icon-circle-x IMG: /icon/basic/circle-x.svg https://assets.soracom.io/icon/basic/circle-x.svg
  • CLASS: --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-question --icon-circle-question IMG: /icon/notifications/question-circle.svg https://assets.soracom.io/icon/notifications/question-circle.svg
  • CLASS: --icon-clipboard --icon-clipboard IMG: /icon/file/clipboard.svg https://assets.soracom.io/icon/file/clipboard.svg
  • CLASS: --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 IMG: /icon/file/clipboard-csv.svg https://assets.soracom.io/icon/file/clipboard-csv.svg
  • CLASS: --icon-clipboard-text --icon-clipboard-text IMG: /icon/file/clipboard-text.svg https://assets.soracom.io/icon/file/clipboard-text.svg
  • CLASS: --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-json --icon-clipboard-json IMG: /icon/file/clipboard-json.svg https://assets.soracom.io/icon/file/clipboard-json.svg
  • CLASS: --icon-clipboard-plus --icon-clipboard-plus IMG: /icon/file/clipboard-plus.svg https://assets.soracom.io/icon/file/clipboard-plus.svg
  • CLASS: --icon-clipboard-checked --icon-clipboard-checked IMG: /icon/file/clipboard-checked.svg https://assets.soracom.io/icon/file/clipboard-checked.svg
  • CLASS: --icon-link --icon-link IMG: /icon/basic/link.svg https://assets.soracom.io/icon/basic/link.svg
  • CLASS: --icon-unlink --icon-unlink IMG: /icon/basic/link-no.svg https://assets.soracom.io/icon/basic/link-no.svg
  • CLASS: --icon-search --icon-search IMG: /icon/basic/search.svg https://assets.soracom.io/icon/basic/search.svg
  • CLASS: --icon-more-horizontal --icon-more-horizontal IMG: /icon/basic/more-horizontal.svg https://assets.soracom.io/icon/basic/more-horizontal.svg
  • CLASS: --icon-more-vertical --icon-more-vertical IMG: /icon/basic/more-vertical.svg https://assets.soracom.io/icon/basic/more-vertical.svg
  • CLASS: --icon-filter --icon-filter IMG: /icon/shopping/filter.svg https://assets.soracom.io/icon/shopping/filter.svg
  • CLASS: --icon-inspect --icon-inspect IMG: /icon/file/inspect.svg https://assets.soracom.io/icon/file/inspect.svg
  • CLASS: --icon-log --icon-log IMG: /icon/basic/log.svg https://assets.soracom.io/icon/basic/log.svg
  • CLASS: --icon-session --icon-session IMG: /icon/connection/session-plug.svg https://assets.soracom.io/icon/connection/session-plug.svg
  • CLASS: --icon-stats --icon-stats IMG: /icon/basic/pulse.svg https://assets.soracom.io/icon/basic/pulse.svg
  • CLASS: --icon-soracom --icon-soracom IMG: /logo/soracom-symbol.svg https://assets.soracom.io/logo/soracom-symbol.svg
  • CLASS: --icon-soracom-animated --icon-soracom-animated IMG: /logo/soracom-symbol-animated.svg https://assets.soracom.io/logo/soracom-symbol-animated.svg
  • CLASS: --icon-soracom-animated-loop --icon-soracom-animated-loop IMG: /logo/soracom-symbol-animated-loop.svg https://assets.soracom.io/logo/soracom-symbol-animated-loop.svg
  • CLASS: --icon-soracom-beam --icon-soracom-beam IMG: /icon/soracom/siss005-soracom-beam.svg https://assets.soracom.io/icon/soracom/siss005-soracom-beam.svg
  • CLASS: --icon-soracom-canal --icon-soracom-canal IMG: /icon/soracom/siss006-soracom-canal.svg https://assets.soracom.io/icon/soracom/siss006-soracom-canal.svg
  • CLASS: --icon-soracom-direct --icon-soracom-direct IMG: /icon/soracom/siss007-soracom-direct.svg https://assets.soracom.io/icon/soracom/siss007-soracom-direct.svg
  • CLASS: --icon-soracom-endorse --icon-soracom-endorse IMG: /icon/soracom/siss008-soracom-endorse.svg https://assets.soracom.io/icon/soracom/siss008-soracom-endorse.svg
  • CLASS: --icon-soracom-funnel --icon-soracom-funnel IMG: /icon/soracom/siss009-soracom-funnel.svg https://assets.soracom.io/icon/soracom/siss009-soracom-funnel.svg
  • CLASS: --icon-soracom-door --icon-soracom-door IMG: /icon/soracom/siss010-soracom-door.svg https://assets.soracom.io/icon/soracom/siss010-soracom-door.svg
  • CLASS: --icon-soracom-gate --icon-soracom-gate IMG: /icon/soracom/siss011-soracom-gate.svg https://assets.soracom.io/icon/soracom/siss011-soracom-gate.svg
  • CLASS: --icon-soracom-harvest --icon-soracom-harvest IMG: /icon/soracom/siss014-soracom-harvest.svg https://assets.soracom.io/icon/soracom/siss014-soracom-harvest.svg
  • CLASS: --icon-soracom-inventory --icon-soracom-inventory IMG: /icon/soracom/siss015-soracom-inventory.svg https://assets.soracom.io/icon/soracom/siss015-soracom-inventory.svg
  • CLASS: --icon-soracom-inventory-client --icon-soracom-inventory-client IMG: /icon/soracom/siss016-soracom-inventory-client.svg https://assets.soracom.io/icon/soracom/siss016-soracom-inventory-client.svg
  • CLASS: --icon-soracom-junction --icon-soracom-junction IMG: /icon/soracom/siss017-soracom-junction.svg https://assets.soracom.io/icon/soracom/siss017-soracom-junction.svg
  • CLASS: --icon-soracom-air --icon-soracom-air IMG: /icon/soracom/siss018-soracom-air.svg https://assets.soracom.io/icon/soracom/siss018-soracom-air.svg
  • CLASS: --icon-soracom-krypton --icon-soracom-krypton IMG: /icon/soracom/siss019-soracom-krypton.svg https://assets.soracom.io/icon/soracom/siss019-soracom-krypton.svg
  • CLASS: --icon-soracom-krypton-key --icon-soracom-krypton-key IMG: /icon/soracom/siss020-soracom-krypton-key.svg https://assets.soracom.io/icon/soracom/siss020-soracom-krypton-key.svg
  • CLASS: --icon-soracom-lagoon --icon-soracom-lagoon IMG: /icon/soracom/siss021-soracom-lagoon.svg https://assets.soracom.io/icon/soracom/siss021-soracom-lagoon.svg
  • CLASS: --icon-soracom-funk --icon-soracom-funk IMG: /icon/soracom/siss022-soracom-funk.svg https://assets.soracom.io/icon/soracom/siss022-soracom-funk.svg
  • CLASS: --icon-soracom-mosaic --icon-soracom-mosaic IMG: /icon/soracom/siss023-soracom-mosaic.svg https://assets.soracom.io/icon/soracom/siss023-soracom-mosaic.svg
  • CLASS: --icon-soracom-napter --icon-soracom-napter IMG: /icon/soracom/siss024-soracom-napter.svg https://assets.soracom.io/icon/soracom/siss024-soracom-napter.svg
  • CLASS: --icon-soracom-orbit --icon-soracom-orbit IMG: /icon/soracom/siss025-soracom-orbit.svg https://assets.soracom.io/icon/soracom/siss025-soracom-orbit.svg
  • CLASS: --icon-soracom-peek --icon-soracom-peek IMG: /icon/soracom/siss026-soracom-peek.svg https://assets.soracom.io/icon/soracom/siss026-soracom-peek.svg
  • CLASS: --icon-soracom-arc --icon-soracom-arc IMG: /icon/soracom/siss027-soracom-arc.svg https://assets.soracom.io/icon/soracom/siss027-soracom-arc.svg
  • CLASS: --icon-github --icon-github IMG: /icon/symbols/github.svg https://assets.soracom.io/icon/symbols/github.svg
  • CLASS: --icon-clubhouse --icon-clubhouse IMG: /icon/symbols/clubhouse.svg https://assets.soracom.io/icon/symbols/clubhouse.svg
  • CLASS: --icon-facebook --icon-facebook IMG: /icon/symbols/facebook.svg https://assets.soracom.io/icon/symbols/facebook.svg
  • CLASS: --icon-instagram --icon-instagram IMG: /icon/symbols/instagram.svg https://assets.soracom.io/icon/symbols/instagram.svg
  • CLASS: --icon-linkedin --icon-linkedin IMG: /icon/symbols/linkedin.svg https://assets.soracom.io/icon/symbols/linkedin.svg
  • CLASS: --icon-twitter --icon-twitter IMG: /icon/symbols/twitter.svg https://assets.soracom.io/icon/symbols/twitter.svg
  • CLASS: --icon-youtube --icon-youtube IMG: /icon/symbols/youtube.svg https://assets.soracom.io/icon/symbols/youtube.svg

Icons available for development 

The following images are available as scss vars for use in developing SDS components. These icons are not automatically available to use as sds classnames - see above for the list of icons available as sds classnames.

Unpublished 

Soracom 

  • SCSS: $icon-soracom-s-plus-add $icon-soracom-s-plus-add IMG: /icon/soracom/s-plus-add.svg https://assets.soracom.io/icon/soracom/s-plus-add.svg
  • SCSS: $icon-soracom-s-plus-download $icon-soracom-s-plus-download IMG: /icon/soracom/s-plus-download.svg https://assets.soracom.io/icon/soracom/s-plus-download.svg
  • SCSS: $icon-soracom-s-plus-minus $icon-soracom-s-plus-minus IMG: /icon/soracom/s-plus-minus.svg https://assets.soracom.io/icon/soracom/s-plus-minus.svg
  • SCSS: $icon-soracom-s-plus-upload $icon-soracom-s-plus-upload IMG: /icon/soracom/s-plus-upload.svg https://assets.soracom.io/icon/soracom/s-plus-upload.svg
  • SCSS: $icon-soracom-siss005-soracom-beam $icon-soracom-siss005-soracom-beam IMG: /icon/soracom/siss005-soracom-beam.svg https://assets.soracom.io/icon/soracom/siss005-soracom-beam.svg
  • SCSS: $icon-soracom-siss006-soracom-canal $icon-soracom-siss006-soracom-canal IMG: /icon/soracom/siss006-soracom-canal.svg https://assets.soracom.io/icon/soracom/siss006-soracom-canal.svg
  • SCSS: $icon-soracom-siss007-soracom-direct $icon-soracom-siss007-soracom-direct IMG: /icon/soracom/siss007-soracom-direct.svg https://assets.soracom.io/icon/soracom/siss007-soracom-direct.svg
  • SCSS: $icon-soracom-siss008-soracom-endorse $icon-soracom-siss008-soracom-endorse IMG: /icon/soracom/siss008-soracom-endorse.svg https://assets.soracom.io/icon/soracom/siss008-soracom-endorse.svg
  • SCSS: $icon-soracom-siss009-soracom-funnel $icon-soracom-siss009-soracom-funnel IMG: /icon/soracom/siss009-soracom-funnel.svg https://assets.soracom.io/icon/soracom/siss009-soracom-funnel.svg
  • SCSS: $icon-soracom-siss010-soracom-door $icon-soracom-siss010-soracom-door IMG: /icon/soracom/siss010-soracom-door.svg https://assets.soracom.io/icon/soracom/siss010-soracom-door.svg
  • SCSS: $icon-soracom-siss011-soracom-gate $icon-soracom-siss011-soracom-gate IMG: /icon/soracom/siss011-soracom-gate.svg https://assets.soracom.io/icon/soracom/siss011-soracom-gate.svg
  • SCSS: $icon-soracom-siss014-soracom-harvest $icon-soracom-siss014-soracom-harvest IMG: /icon/soracom/siss014-soracom-harvest.svg https://assets.soracom.io/icon/soracom/siss014-soracom-harvest.svg
  • SCSS: $icon-soracom-siss015-soracom-inventory $icon-soracom-siss015-soracom-inventory IMG: /icon/soracom/siss015-soracom-inventory.svg https://assets.soracom.io/icon/soracom/siss015-soracom-inventory.svg
  • SCSS: $icon-soracom-siss016-soracom-inventory-client $icon-soracom-siss016-soracom-inventory-client IMG: /icon/soracom/siss016-soracom-inventory-client.svg https://assets.soracom.io/icon/soracom/siss016-soracom-inventory-client.svg
  • SCSS: $icon-soracom-siss017-soracom-junction $icon-soracom-siss017-soracom-junction IMG: /icon/soracom/siss017-soracom-junction.svg https://assets.soracom.io/icon/soracom/siss017-soracom-junction.svg
  • SCSS: $icon-soracom-siss018-soracom-air $icon-soracom-siss018-soracom-air IMG: /icon/soracom/siss018-soracom-air.svg https://assets.soracom.io/icon/soracom/siss018-soracom-air.svg
  • SCSS: $icon-soracom-siss019-soracom-krypton $icon-soracom-siss019-soracom-krypton IMG: /icon/soracom/siss019-soracom-krypton.svg https://assets.soracom.io/icon/soracom/siss019-soracom-krypton.svg
  • SCSS: $icon-soracom-siss020-soracom-krypton-key $icon-soracom-siss020-soracom-krypton-key IMG: /icon/soracom/siss020-soracom-krypton-key.svg https://assets.soracom.io/icon/soracom/siss020-soracom-krypton-key.svg
  • SCSS: $icon-soracom-siss021-soracom-lagoon $icon-soracom-siss021-soracom-lagoon IMG: /icon/soracom/siss021-soracom-lagoon.svg https://assets.soracom.io/icon/soracom/siss021-soracom-lagoon.svg
  • SCSS: $icon-soracom-siss022-soracom-funk $icon-soracom-siss022-soracom-funk IMG: /icon/soracom/siss022-soracom-funk.svg https://assets.soracom.io/icon/soracom/siss022-soracom-funk.svg
  • SCSS: $icon-soracom-siss023-soracom-mosaic $icon-soracom-siss023-soracom-mosaic IMG: /icon/soracom/siss023-soracom-mosaic.svg https://assets.soracom.io/icon/soracom/siss023-soracom-mosaic.svg
  • SCSS: $icon-soracom-siss024-soracom-napter $icon-soracom-siss024-soracom-napter IMG: /icon/soracom/siss024-soracom-napter.svg https://assets.soracom.io/icon/soracom/siss024-soracom-napter.svg
  • SCSS: $icon-soracom-siss025-soracom-orbit $icon-soracom-siss025-soracom-orbit IMG: /icon/soracom/siss025-soracom-orbit.svg https://assets.soracom.io/icon/soracom/siss025-soracom-orbit.svg
  • SCSS: $icon-soracom-siss026-soracom-peek $icon-soracom-siss026-soracom-peek IMG: /icon/soracom/siss026-soracom-peek.svg https://assets.soracom.io/icon/soracom/siss026-soracom-peek.svg
  • SCSS: $icon-soracom-siss027-soracom-arc $icon-soracom-siss027-soracom-arc IMG: /icon/soracom/siss027-soracom-arc.svg https://assets.soracom.io/icon/soracom/siss027-soracom-arc.svg

Arrows 

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

Basic 

  • SCSS: $icon-basic-bar-chart $icon-basic-bar-chart IMG: /icon/basic/bar-chart.svg https://assets.soracom.io/icon/basic/bar-chart.svg
  • SCSS: $icon-basic-book $icon-basic-book IMG: /icon/basic/book.svg https://assets.soracom.io/icon/basic/book.svg
  • SCSS: $icon-basic-bookmark-add $icon-basic-bookmark-add IMG: /icon/basic/bookmark-add.svg https://assets.soracom.io/icon/basic/bookmark-add.svg
  • SCSS: $icon-basic-bookmark-no $icon-basic-bookmark-no IMG: /icon/basic/bookmark-no.svg https://assets.soracom.io/icon/basic/bookmark-no.svg
  • SCSS: $icon-basic-bookmark $icon-basic-bookmark IMG: /icon/basic/bookmark.svg https://assets.soracom.io/icon/basic/bookmark.svg
  • SCSS: $icon-basic-bookmarks $icon-basic-bookmarks IMG: /icon/basic/bookmarks.svg https://assets.soracom.io/icon/basic/bookmarks.svg
  • SCSS: $icon-basic-box $icon-basic-box IMG: /icon/basic/box.svg https://assets.soracom.io/icon/basic/box.svg
  • SCSS: $icon-basic-browser-no $icon-basic-browser-no IMG: /icon/basic/browser-no.svg https://assets.soracom.io/icon/basic/browser-no.svg
  • SCSS: $icon-basic-browser $icon-basic-browser IMG: /icon/basic/browser.svg https://assets.soracom.io/icon/basic/browser.svg
  • SCSS: $icon-basic-brush $icon-basic-brush IMG: /icon/basic/brush.svg https://assets.soracom.io/icon/basic/brush.svg
  • SCSS: $icon-basic-calculator $icon-basic-calculator IMG: /icon/basic/calculator.svg https://assets.soracom.io/icon/basic/calculator.svg
  • SCSS: $icon-basic-camera-create $icon-basic-camera-create IMG: /icon/basic/camera-create.svg https://assets.soracom.io/icon/basic/camera-create.svg
  • SCSS: $icon-basic-camera-no $icon-basic-camera-no IMG: /icon/basic/camera-no.svg https://assets.soracom.io/icon/basic/camera-no.svg
  • SCSS: $icon-basic-camera $icon-basic-camera IMG: /icon/basic/camera.svg https://assets.soracom.io/icon/basic/camera.svg
  • SCSS: $icon-basic-case $icon-basic-case IMG: /icon/basic/case.svg https://assets.soracom.io/icon/basic/case.svg
  • SCSS: $icon-basic-check-mark-large $icon-basic-check-mark-large IMG: /icon/basic/check-mark-large.svg https://assets.soracom.io/icon/basic/check-mark-large.svg
  • SCSS: $icon-basic-check-mark $icon-basic-check-mark IMG: /icon/basic/check-mark.svg https://assets.soracom.io/icon/basic/check-mark.svg
  • SCSS: $icon-basic-check-marks $icon-basic-check-marks IMG: /icon/basic/check-marks.svg https://assets.soracom.io/icon/basic/check-marks.svg
  • SCSS: $icon-basic-circle-bar $icon-basic-circle-bar IMG: /icon/basic/circle-bar.svg https://assets.soracom.io/icon/basic/circle-bar.svg
  • SCSS: $icon-basic-circle-block $icon-basic-circle-block IMG: /icon/basic/circle-block.svg https://assets.soracom.io/icon/basic/circle-block.svg
  • SCSS: $icon-basic-circle-checked-solid $icon-basic-circle-checked-solid IMG: /icon/basic/circle-checked-solid.svg https://assets.soracom.io/icon/basic/circle-checked-solid.svg
  • SCSS: $icon-basic-circle-checked $icon-basic-circle-checked IMG: /icon/basic/circle-checked.svg https://assets.soracom.io/icon/basic/circle-checked.svg
  • SCSS: $icon-basic-circle-dashed $icon-basic-circle-dashed IMG: /icon/basic/circle-dashed.svg https://assets.soracom.io/icon/basic/circle-dashed.svg
  • SCSS: $icon-basic-circle-menu $icon-basic-circle-menu IMG: /icon/basic/circle-menu.svg https://assets.soracom.io/icon/basic/circle-menu.svg
  • SCSS: $icon-basic-circle-minus-solid $icon-basic-circle-minus-solid IMG: /icon/basic/circle-minus-solid.svg https://assets.soracom.io/icon/basic/circle-minus-solid.svg
  • SCSS: $icon-basic-circle-minus $icon-basic-circle-minus IMG: /icon/basic/circle-minus.svg https://assets.soracom.io/icon/basic/circle-minus.svg
  • SCSS: $icon-basic-circle-more-horizontal $icon-basic-circle-more-horizontal IMG: /icon/basic/circle-more-horizontal.svg https://assets.soracom.io/icon/basic/circle-more-horizontal.svg
  • SCSS: $icon-basic-circle-more-vertical $icon-basic-circle-more-vertical IMG: /icon/basic/circle-more-vertical.svg https://assets.soracom.io/icon/basic/circle-more-vertical.svg
  • SCSS: $icon-basic-circle-pause-solid $icon-basic-circle-pause-solid IMG: /icon/basic/circle-pause-solid.svg https://assets.soracom.io/icon/basic/circle-pause-solid.svg
  • SCSS: $icon-basic-circle-pause $icon-basic-circle-pause IMG: /icon/basic/circle-pause.svg https://assets.soracom.io/icon/basic/circle-pause.svg
  • SCSS: $icon-basic-circle-plus-solid $icon-basic-circle-plus-solid IMG: /icon/basic/circle-plus-solid.svg https://assets.soracom.io/icon/basic/circle-plus-solid.svg
  • SCSS: $icon-basic-circle-plus $icon-basic-circle-plus IMG: /icon/basic/circle-plus.svg https://assets.soracom.io/icon/basic/circle-plus.svg
  • SCSS: $icon-basic-circle-star $icon-basic-circle-star IMG: /icon/basic/circle-star.svg https://assets.soracom.io/icon/basic/circle-star.svg
  • SCSS: $icon-basic-circle-x-solid $icon-basic-circle-x-solid IMG: /icon/basic/circle-x-solid.svg https://assets.soracom.io/icon/basic/circle-x-solid.svg
  • SCSS: $icon-basic-circle-x $icon-basic-circle-x IMG: /icon/basic/circle-x.svg https://assets.soracom.io/icon/basic/circle-x.svg
  • SCSS: $icon-basic-circle $icon-basic-circle IMG: /icon/basic/circle.svg https://assets.soracom.io/icon/basic/circle.svg
  • SCSS: $icon-basic-clear-style $icon-basic-clear-style IMG: /icon/basic/clear-style.svg https://assets.soracom.io/icon/basic/clear-style.svg
  • SCSS: $icon-basic-copy $icon-basic-copy IMG: /icon/basic/copy.svg https://assets.soracom.io/icon/basic/copy.svg
  • SCSS: $icon-basic-cut $icon-basic-cut IMG: /icon/basic/cut.svg https://assets.soracom.io/icon/basic/cut.svg
  • SCSS: $icon-basic-dashboard $icon-basic-dashboard IMG: /icon/basic/dashboard.svg https://assets.soracom.io/icon/basic/dashboard.svg
  • SCSS: $icon-basic-delete $icon-basic-delete IMG: /icon/basic/delete.svg https://assets.soracom.io/icon/basic/delete.svg
  • SCSS: $icon-basic-download-bold $icon-basic-download-bold IMG: /icon/basic/download-bold.svg https://assets.soracom.io/icon/basic/download-bold.svg
  • SCSS: $icon-basic-download $icon-basic-download IMG: /icon/basic/download.svg https://assets.soracom.io/icon/basic/download.svg
  • SCSS: $icon-basic-drop $icon-basic-drop IMG: /icon/basic/drop.svg https://assets.soracom.io/icon/basic/drop.svg
  • SCSS: $icon-basic-exit $icon-basic-exit IMG: /icon/basic/exit.svg https://assets.soracom.io/icon/basic/exit.svg
  • SCSS: $icon-basic-external-link $icon-basic-external-link IMG: /icon/basic/external-link.svg https://assets.soracom.io/icon/basic/external-link.svg
  • SCSS: $icon-basic-eye-no $icon-basic-eye-no IMG: /icon/basic/eye-no.svg https://assets.soracom.io/icon/basic/eye-no.svg
  • SCSS: $icon-basic-eye $icon-basic-eye IMG: /icon/basic/eye.svg https://assets.soracom.io/icon/basic/eye.svg
  • SCSS: $icon-basic-flag $icon-basic-flag IMG: /icon/basic/flag.svg https://assets.soracom.io/icon/basic/flag.svg
  • SCSS: $icon-basic-flame $icon-basic-flame IMG: /icon/basic/flame.svg https://assets.soracom.io/icon/basic/flame.svg
  • SCSS: $icon-basic-glasses $icon-basic-glasses IMG: /icon/basic/glasses.svg https://assets.soracom.io/icon/basic/glasses.svg
  • SCSS: $icon-basic-globe-no $icon-basic-globe-no IMG: /icon/basic/globe-no.svg https://assets.soracom.io/icon/basic/globe-no.svg
  • SCSS: $icon-basic-globe $icon-basic-globe IMG: /icon/basic/globe.svg https://assets.soracom.io/icon/basic/globe.svg
  • SCSS: $icon-basic-heart-no $icon-basic-heart-no IMG: /icon/basic/heart-no.svg https://assets.soracom.io/icon/basic/heart-no.svg
  • SCSS: $icon-basic-heart $icon-basic-heart IMG: /icon/basic/heart.svg https://assets.soracom.io/icon/basic/heart.svg
  • SCSS: $icon-basic-home $icon-basic-home IMG: /icon/basic/home.svg https://assets.soracom.io/icon/basic/home.svg
  • SCSS: $icon-basic-image $icon-basic-image IMG: /icon/basic/image.svg https://assets.soracom.io/icon/basic/image.svg
  • SCSS: $icon-basic-inbox $icon-basic-inbox IMG: /icon/basic/inbox.svg https://assets.soracom.io/icon/basic/inbox.svg
  • SCSS: $icon-basic-language-solid $icon-basic-language-solid IMG: /icon/basic/language-solid.svg https://assets.soracom.io/icon/basic/language-solid.svg
  • SCSS: $icon-basic-language $icon-basic-language IMG: /icon/basic/language.svg https://assets.soracom.io/icon/basic/language.svg
  • SCSS: $icon-basic-layers $icon-basic-layers IMG: /icon/basic/layers.svg https://assets.soracom.io/icon/basic/layers.svg
  • SCSS: $icon-basic-lightning-no $icon-basic-lightning-no IMG: /icon/basic/lightning-no.svg https://assets.soracom.io/icon/basic/lightning-no.svg
  • SCSS: $icon-basic-lightning $icon-basic-lightning IMG: /icon/basic/lightning.svg https://assets.soracom.io/icon/basic/lightning.svg
  • SCSS: $icon-basic-link-no $icon-basic-link-no IMG: /icon/basic/link-no.svg https://assets.soracom.io/icon/basic/link-no.svg
  • SCSS: $icon-basic-link $icon-basic-link IMG: /icon/basic/link.svg https://assets.soracom.io/icon/basic/link.svg
  • SCSS: $icon-basic-list $icon-basic-list IMG: /icon/basic/list.svg https://assets.soracom.io/icon/basic/list.svg
  • SCSS: $icon-basic-log $icon-basic-log IMG: /icon/basic/log.svg https://assets.soracom.io/icon/basic/log.svg
  • SCSS: $icon-basic-mail $icon-basic-mail IMG: /icon/basic/mail.svg https://assets.soracom.io/icon/basic/mail.svg
  • SCSS: $icon-basic-maximize $icon-basic-maximize IMG: /icon/basic/maximize.svg https://assets.soracom.io/icon/basic/maximize.svg
  • SCSS: $icon-basic-menu-dots $icon-basic-menu-dots IMG: /icon/basic/menu-dots.svg https://assets.soracom.io/icon/basic/menu-dots.svg
  • SCSS: $icon-basic-menu $icon-basic-menu IMG: /icon/basic/menu.svg https://assets.soracom.io/icon/basic/menu.svg
  • SCSS: $icon-basic-mic-no $icon-basic-mic-no IMG: /icon/basic/mic-no.svg https://assets.soracom.io/icon/basic/mic-no.svg
  • SCSS: $icon-basic-mic $icon-basic-mic IMG: /icon/basic/mic.svg https://assets.soracom.io/icon/basic/mic.svg
  • SCSS: $icon-basic-minimize $icon-basic-minimize IMG: /icon/basic/minimize.svg https://assets.soracom.io/icon/basic/minimize.svg
  • SCSS: $icon-basic-minus-large $icon-basic-minus-large IMG: /icon/basic/minus-large.svg https://assets.soracom.io/icon/basic/minus-large.svg
  • SCSS: $icon-basic-minus-small $icon-basic-minus-small IMG: /icon/basic/minus-small.svg https://assets.soracom.io/icon/basic/minus-small.svg
  • SCSS: $icon-basic-minus $icon-basic-minus IMG: /icon/basic/minus.svg https://assets.soracom.io/icon/basic/minus.svg
  • SCSS: $icon-basic-more-horizontal $icon-basic-more-horizontal IMG: /icon/basic/more-horizontal.svg https://assets.soracom.io/icon/basic/more-horizontal.svg
  • SCSS: $icon-basic-more-vertical $icon-basic-more-vertical IMG: /icon/basic/more-vertical.svg https://assets.soracom.io/icon/basic/more-vertical.svg
  • SCSS: $icon-basic-newspaper $icon-basic-newspaper IMG: /icon/basic/newspaper.svg https://assets.soracom.io/icon/basic/newspaper.svg
  • SCSS: $icon-basic-options $icon-basic-options IMG: /icon/basic/options.svg https://assets.soracom.io/icon/basic/options.svg
  • SCSS: $icon-basic-paperclip-no $icon-basic-paperclip-no IMG: /icon/basic/paperclip-no.svg https://assets.soracom.io/icon/basic/paperclip-no.svg
  • SCSS: $icon-basic-paperclip $icon-basic-paperclip IMG: /icon/basic/paperclip.svg https://assets.soracom.io/icon/basic/paperclip.svg
  • SCSS: $icon-basic-pause-large $icon-basic-pause-large IMG: /icon/basic/pause-large.svg https://assets.soracom.io/icon/basic/pause-large.svg
  • SCSS: $icon-basic-pause $icon-basic-pause IMG: /icon/basic/pause.svg https://assets.soracom.io/icon/basic/pause.svg
  • SCSS: $icon-basic-pencil-create $icon-basic-pencil-create IMG: /icon/basic/pencil-create.svg https://assets.soracom.io/icon/basic/pencil-create.svg
  • SCSS: $icon-basic-pencil-edit $icon-basic-pencil-edit IMG: /icon/basic/pencil-edit.svg https://assets.soracom.io/icon/basic/pencil-edit.svg
  • SCSS: $icon-basic-plus-large $icon-basic-plus-large IMG: /icon/basic/plus-large.svg https://assets.soracom.io/icon/basic/plus-large.svg
  • SCSS: $icon-basic-plus $icon-basic-plus IMG: /icon/basic/plus.svg https://assets.soracom.io/icon/basic/plus.svg
  • SCSS: $icon-basic-presentation $icon-basic-presentation IMG: /icon/basic/presentation.svg https://assets.soracom.io/icon/basic/presentation.svg
  • SCSS: $icon-basic-printer $icon-basic-printer IMG: /icon/basic/printer.svg https://assets.soracom.io/icon/basic/printer.svg
  • SCSS: $icon-basic-pulse $icon-basic-pulse IMG: /icon/basic/pulse.svg https://assets.soracom.io/icon/basic/pulse.svg
  • SCSS: $icon-basic-qr-scan $icon-basic-qr-scan IMG: /icon/basic/qr-scan.svg https://assets.soracom.io/icon/basic/qr-scan.svg
  • SCSS: $icon-basic-qr $icon-basic-qr IMG: /icon/basic/qr.svg https://assets.soracom.io/icon/basic/qr.svg
  • SCSS: $icon-basic-scan $icon-basic-scan IMG: /icon/basic/scan.svg https://assets.soracom.io/icon/basic/scan.svg
  • SCSS: $icon-basic-screenshot $icon-basic-screenshot IMG: /icon/basic/screenshot.svg https://assets.soracom.io/icon/basic/screenshot.svg
  • SCSS: $icon-basic-search $icon-basic-search IMG: /icon/basic/search.svg https://assets.soracom.io/icon/basic/search.svg
  • SCSS: $icon-basic-send $icon-basic-send IMG: /icon/basic/send.svg https://assets.soracom.io/icon/basic/send.svg
  • SCSS: $icon-basic-settings $icon-basic-settings IMG: /icon/basic/settings.svg https://assets.soracom.io/icon/basic/settings.svg
  • SCSS: $icon-basic-share-arrow $icon-basic-share-arrow IMG: /icon/basic/share-arrow.svg https://assets.soracom.io/icon/basic/share-arrow.svg
  • SCSS: $icon-basic-share $icon-basic-share IMG: /icon/basic/share.svg https://assets.soracom.io/icon/basic/share.svg
  • SCSS: $icon-basic-star-no $icon-basic-star-no IMG: /icon/basic/star-no.svg https://assets.soracom.io/icon/basic/star-no.svg
  • SCSS: $icon-basic-star $icon-basic-star IMG: /icon/basic/star.svg https://assets.soracom.io/icon/basic/star.svg
  • SCSS: $icon-basic-sticker $icon-basic-sticker IMG: /icon/basic/sticker.svg https://assets.soracom.io/icon/basic/sticker.svg
  • SCSS: $icon-basic-support $icon-basic-support IMG: /icon/basic/support.svg https://assets.soracom.io/icon/basic/support.svg
  • SCSS: $icon-basic-table $icon-basic-table IMG: /icon/basic/table.svg https://assets.soracom.io/icon/basic/table.svg
  • SCSS: $icon-basic-text-align-center $icon-basic-text-align-center IMG: /icon/basic/text-align-center.svg https://assets.soracom.io/icon/basic/text-align-center.svg
  • SCSS: $icon-basic-text-align-justify $icon-basic-text-align-justify IMG: /icon/basic/text-align-justify.svg https://assets.soracom.io/icon/basic/text-align-justify.svg
  • SCSS: $icon-basic-text-align-left $icon-basic-text-align-left IMG: /icon/basic/text-align-left.svg https://assets.soracom.io/icon/basic/text-align-left.svg
  • SCSS: $icon-basic-text-align-right $icon-basic-text-align-right IMG: /icon/basic/text-align-right.svg https://assets.soracom.io/icon/basic/text-align-right.svg
  • SCSS: $icon-basic-text-bgcolor $icon-basic-text-bgcolor IMG: /icon/basic/text-bgcolor.svg https://assets.soracom.io/icon/basic/text-bgcolor.svg
  • SCSS: $icon-basic-text-bold $icon-basic-text-bold IMG: /icon/basic/text-bold.svg https://assets.soracom.io/icon/basic/text-bold.svg
  • SCSS: $icon-basic-text-color $icon-basic-text-color IMG: /icon/basic/text-color.svg https://assets.soracom.io/icon/basic/text-color.svg
  • SCSS: $icon-basic-text-italic $icon-basic-text-italic IMG: /icon/basic/text-italic.svg https://assets.soracom.io/icon/basic/text-italic.svg
  • SCSS: $icon-basic-text-underline $icon-basic-text-underline IMG: /icon/basic/text-underline.svg https://assets.soracom.io/icon/basic/text-underline.svg
  • SCSS: $icon-basic-thumbs-down $icon-basic-thumbs-down IMG: /icon/basic/thumbs-down.svg https://assets.soracom.io/icon/basic/thumbs-down.svg
  • SCSS: $icon-basic-thumbs-up $icon-basic-thumbs-up IMG: /icon/basic/thumbs-up.svg https://assets.soracom.io/icon/basic/thumbs-up.svg
  • SCSS: $icon-basic-toggle-left $icon-basic-toggle-left IMG: /icon/basic/toggle-left.svg https://assets.soracom.io/icon/basic/toggle-left.svg
  • SCSS: $icon-basic-toggle-right $icon-basic-toggle-right IMG: /icon/basic/toggle-right.svg https://assets.soracom.io/icon/basic/toggle-right.svg
  • SCSS: $icon-basic-trash-empty $icon-basic-trash-empty IMG: /icon/basic/trash-empty.svg https://assets.soracom.io/icon/basic/trash-empty.svg
  • SCSS: $icon-basic-trash $icon-basic-trash IMG: /icon/basic/trash.svg https://assets.soracom.io/icon/basic/trash.svg
  • SCSS: $icon-basic-user $icon-basic-user IMG: /icon/basic/user.svg https://assets.soracom.io/icon/basic/user.svg
  • SCSS: $icon-basic-video-no $icon-basic-video-no IMG: /icon/basic/video-no.svg https://assets.soracom.io/icon/basic/video-no.svg
  • SCSS: $icon-basic-video $icon-basic-video IMG: /icon/basic/video.svg https://assets.soracom.io/icon/basic/video.svg
  • SCSS: $icon-basic-x-large $icon-basic-x-large IMG: /icon/basic/x-large.svg https://assets.soracom.io/icon/basic/x-large.svg
  • SCSS: $icon-basic-x $icon-basic-x IMG: /icon/basic/x.svg https://assets.soracom.io/icon/basic/x.svg
  • SCSS: $icon-basic-zoom-in $icon-basic-zoom-in IMG: /icon/basic/zoom-in.svg https://assets.soracom.io/icon/basic/zoom-in.svg
  • SCSS: $icon-basic-zoom-out $icon-basic-zoom-out IMG: /icon/basic/zoom-out.svg https://assets.soracom.io/icon/basic/zoom-out.svg

Call 

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

Chatting 

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

Connection 

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

File 

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

Finance 

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

Food 

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

Gadgets 

  • SCSS: $icon-gadgets-battery-100 $icon-gadgets-battery-100 IMG: /icon/gadgets/battery-100.svg https://assets.soracom.io/icon/gadgets/battery-100.svg
  • SCSS: $icon-gadgets-battery-20 $icon-gadgets-battery-20 IMG: /icon/gadgets/battery-20.svg https://assets.soracom.io/icon/gadgets/battery-20.svg
  • SCSS: $icon-gadgets-battery-40 $icon-gadgets-battery-40 IMG: /icon/gadgets/battery-40.svg https://assets.soracom.io/icon/gadgets/battery-40.svg
  • SCSS: $icon-gadgets-battery-60 $icon-gadgets-battery-60 IMG: /icon/gadgets/battery-60.svg https://assets.soracom.io/icon/gadgets/battery-60.svg
  • SCSS: $icon-gadgets-battery-80 $icon-gadgets-battery-80 IMG: /icon/gadgets/battery-80.svg https://assets.soracom.io/icon/gadgets/battery-80.svg
  • SCSS: $icon-gadgets-battery-charging $icon-gadgets-battery-charging IMG: /icon/gadgets/battery-charging.svg https://assets.soracom.io/icon/gadgets/battery-charging.svg
  • SCSS: $icon-gadgets-battery-no $icon-gadgets-battery-no IMG: /icon/gadgets/battery-no.svg https://assets.soracom.io/icon/gadgets/battery-no.svg
  • SCSS: $icon-gadgets-battery $icon-gadgets-battery IMG: /icon/gadgets/battery.svg https://assets.soracom.io/icon/gadgets/battery.svg
  • SCSS: $icon-gadgets-devices $icon-gadgets-devices IMG: /icon/gadgets/devices.svg https://assets.soracom.io/icon/gadgets/devices.svg
  • SCSS: $icon-gadgets-flash-card $icon-gadgets-flash-card IMG: /icon/gadgets/flash-card.svg https://assets.soracom.io/icon/gadgets/flash-card.svg
  • SCSS: $icon-gadgets-floppy $icon-gadgets-floppy IMG: /icon/gadgets/floppy.svg https://assets.soracom.io/icon/gadgets/floppy.svg
  • SCSS: $icon-gadgets-iPad $icon-gadgets-iPad IMG: /icon/gadgets/iPad.svg https://assets.soracom.io/icon/gadgets/iPad.svg
  • SCSS: $icon-gadgets-iPhone $icon-gadgets-iPhone IMG: /icon/gadgets/iPhone.svg https://assets.soracom.io/icon/gadgets/iPhone.svg
  • SCSS: $icon-gadgets-laptop $icon-gadgets-laptop IMG: /icon/gadgets/laptop.svg https://assets.soracom.io/icon/gadgets/laptop.svg
  • SCSS: $icon-gadgets-memory-card $icon-gadgets-memory-card IMG: /icon/gadgets/memory-card.svg https://assets.soracom.io/icon/gadgets/memory-card.svg
  • SCSS: $icon-gadgets-mobile $icon-gadgets-mobile IMG: /icon/gadgets/mobile.svg https://assets.soracom.io/icon/gadgets/mobile.svg
  • SCSS: $icon-gadgets-monitor $icon-gadgets-monitor IMG: /icon/gadgets/monitor.svg https://assets.soracom.io/icon/gadgets/monitor.svg
  • SCSS: $icon-gadgets-server $icon-gadgets-server IMG: /icon/gadgets/server.svg https://assets.soracom.io/icon/gadgets/server.svg
  • SCSS: $icon-gadgets-sim-card $icon-gadgets-sim-card IMG: /icon/gadgets/sim-card.svg https://assets.soracom.io/icon/gadgets/sim-card.svg

Grid 

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

Maps 

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

Notifications 

  • SCSS: $icon-notifications-alert-circle $icon-notifications-alert-circle IMG: /icon/notifications/alert-circle.svg https://assets.soracom.io/icon/notifications/alert-circle.svg
  • SCSS: $icon-notifications-alert-octagon $icon-notifications-alert-octagon IMG: /icon/notifications/alert-octagon.svg https://assets.soracom.io/icon/notifications/alert-octagon.svg
  • SCSS: $icon-notifications-alert-triangle $icon-notifications-alert-triangle IMG: /icon/notifications/alert-triangle.svg https://assets.soracom.io/icon/notifications/alert-triangle.svg
  • SCSS: $icon-notifications-app-notification $icon-notifications-app-notification IMG: /icon/notifications/app-notification.svg https://assets.soracom.io/icon/notifications/app-notification.svg
  • SCSS: $icon-notifications-bell-add $icon-notifications-bell-add IMG: /icon/notifications/bell-add.svg https://assets.soracom.io/icon/notifications/bell-add.svg
  • SCSS: $icon-notifications-bell-alert $icon-notifications-bell-alert IMG: /icon/notifications/bell-alert.svg https://assets.soracom.io/icon/notifications/bell-alert.svg
  • SCSS: $icon-notifications-bell-checked $icon-notifications-bell-checked IMG: /icon/notifications/bell-checked.svg https://assets.soracom.io/icon/notifications/bell-checked.svg
  • SCSS: $icon-notifications-bell-minus $icon-notifications-bell-minus IMG: /icon/notifications/bell-minus.svg https://assets.soracom.io/icon/notifications/bell-minus.svg
  • SCSS: $icon-notifications-bell-no $icon-notifications-bell-no IMG: /icon/notifications/bell-no.svg https://assets.soracom.io/icon/notifications/bell-no.svg
  • SCSS: $icon-notifications-bell $icon-notifications-bell IMG: /icon/notifications/bell.svg https://assets.soracom.io/icon/notifications/bell.svg
  • SCSS: $icon-notifications-info $icon-notifications-info IMG: /icon/notifications/info.svg https://assets.soracom.io/icon/notifications/info.svg
  • SCSS: $icon-notifications-minus-octagon $icon-notifications-minus-octagon IMG: /icon/notifications/minus-octagon.svg https://assets.soracom.io/icon/notifications/minus-octagon.svg
  • SCSS: $icon-notifications-question-circle $icon-notifications-question-circle IMG: /icon/notifications/question-circle.svg https://assets.soracom.io/icon/notifications/question-circle.svg
  • SCSS: $icon-notifications-x-octagon $icon-notifications-x-octagon IMG: /icon/notifications/x-octagon.svg https://assets.soracom.io/icon/notifications/x-octagon.svg

Reactions 

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

Security 

  • SCSS: $icon-security-facetime $icon-security-facetime IMG: /icon/security/facetime.svg https://assets.soracom.io/icon/security/facetime.svg
  • SCSS: $icon-security-key-no $icon-security-key-no IMG: /icon/security/key-no.svg https://assets.soracom.io/icon/security/key-no.svg
  • SCSS: $icon-security-key $icon-security-key IMG: /icon/security/key.svg https://assets.soracom.io/icon/security/key.svg
  • SCSS: $icon-security-lock-circle $icon-security-lock-circle IMG: /icon/security/lock-circle.svg https://assets.soracom.io/icon/security/lock-circle.svg
  • SCSS: $icon-security-lock-no $icon-security-lock-no IMG: /icon/security/lock-no.svg https://assets.soracom.io/icon/security/lock-no.svg
  • SCSS: $icon-security-lock $icon-security-lock IMG: /icon/security/lock.svg https://assets.soracom.io/icon/security/lock.svg
  • SCSS: $icon-security-shield-cross $icon-security-shield-cross IMG: /icon/security/shield-cross.svg https://assets.soracom.io/icon/security/shield-cross.svg
  • SCSS: $icon-security-shield-lock $icon-security-shield-lock IMG: /icon/security/shield-lock.svg https://assets.soracom.io/icon/security/shield-lock.svg
  • SCSS: $icon-security-shield-no $icon-security-shield-no IMG: /icon/security/shield-no.svg https://assets.soracom.io/icon/security/shield-no.svg
  • SCSS: $icon-security-shield-ok $icon-security-shield-ok IMG: /icon/security/shield-ok.svg https://assets.soracom.io/icon/security/shield-ok.svg
  • SCSS: $icon-security-shield-plus $icon-security-shield-plus IMG: /icon/security/shield-plus.svg https://assets.soracom.io/icon/security/shield-plus.svg
  • SCSS: $icon-security-shield-upload $icon-security-shield-upload IMG: /icon/security/shield-upload.svg https://assets.soracom.io/icon/security/shield-upload.svg
  • SCSS: $icon-security-shield $icon-security-shield IMG: /icon/security/shield.svg https://assets.soracom.io/icon/security/shield.svg
  • SCSS: $icon-security-unlock $icon-security-unlock IMG: /icon/security/unlock.svg https://assets.soracom.io/icon/security/unlock.svg
  • SCSS: $icon-security-verified $icon-security-verified IMG: /icon/security/verified.svg https://assets.soracom.io/icon/security/verified.svg

Shopping 

  • SCSS: $icon-shopping-bag $icon-shopping-bag IMG: /icon/shopping/bag.svg https://assets.soracom.io/icon/shopping/bag.svg
  • SCSS: $icon-shopping-bascket $icon-shopping-bascket IMG: /icon/shopping/bascket.svg https://assets.soracom.io/icon/shopping/bascket.svg
  • SCSS: $icon-shopping-cart $icon-shopping-cart IMG: /icon/shopping/cart.svg https://assets.soracom.io/icon/shopping/cart.svg
  • SCSS: $icon-shopping-coupon $icon-shopping-coupon IMG: /icon/shopping/coupon.svg https://assets.soracom.io/icon/shopping/coupon.svg
  • SCSS: $icon-shopping-cut-coupon $icon-shopping-cut-coupon IMG: /icon/shopping/cut-coupon.svg https://assets.soracom.io/icon/shopping/cut-coupon.svg
  • SCSS: $icon-shopping-delivery $icon-shopping-delivery IMG: /icon/shopping/delivery.svg https://assets.soracom.io/icon/shopping/delivery.svg
  • SCSS: $icon-shopping-discount $icon-shopping-discount IMG: /icon/shopping/discount.svg https://assets.soracom.io/icon/shopping/discount.svg
  • SCSS: $icon-shopping-filter $icon-shopping-filter IMG: /icon/shopping/filter.svg https://assets.soracom.io/icon/shopping/filter.svg
  • SCSS: $icon-shopping-gift $icon-shopping-gift IMG: /icon/shopping/gift.svg https://assets.soracom.io/icon/shopping/gift.svg
  • SCSS: $icon-shopping-pos $icon-shopping-pos IMG: /icon/shopping/pos.svg https://assets.soracom.io/icon/shopping/pos.svg
  • SCSS: $icon-shopping-tag $icon-shopping-tag IMG: /icon/shopping/tag.svg https://assets.soracom.io/icon/shopping/tag.svg
  • SCSS: $icon-shopping-tote $icon-shopping-tote IMG: /icon/shopping/tote.svg https://assets.soracom.io/icon/shopping/tote.svg

Software 

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

Symbols 

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

Time 

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

UI 

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

Various 

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