Skip to content
MENU

Soracom

Design System

Logos

Static version of the Soracom symbol
<i class="ds-icon --icon-soracom --xxxlarge"></i>
XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px
<i class="ds-icon --icon-soracom --xxxlarge"></i>
Animated version of the Soracom symbol that runs once on load
<i class="ds-icon --icon-soracom-animated --xxxlarge"></i>
XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px
<i class="ds-icon --icon-soracom-animated --xxxlarge"></i>
Animated version of the Soracom symbol that loops
<i class="ds-icon --icon-soracom-animated-loop --xxxlarge"></i>
XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px
<i class="ds-icon --icon-soracom-animated-loop --xxxlarge"></i>
Color Soracom symbol
<div><i class="ds-icon --icon-soracom-animated-loop --xxxlarge --color-celeste-darkest"></i></div>
<div><i class="ds-icon --icon-soracom-animated-loop --xxxlarge --color-celeste"></i></div>
<div><i class="ds-icon --icon-soracom-animated-loop --xxxlarge --color-celeste-lightest"></i></div>
XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px
<div><i class="ds-icon --icon-soracom-animated-loop --xxxlarge --color-celeste-darkest"></i></div>
<div><i class="ds-icon --icon-soracom-animated-loop --xxxlarge --color-celeste"></i></div>
<div><i class="ds-icon --icon-soracom-animated-loop --xxxlarge --color-celeste-lightest"></i></div>
White Soracom symbol
<div><i class="ds-icon --icon-soracom-animated-loop --xxxlarge --color-light-light"></i></div>
XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px
<div><i class="ds-icon --icon-soracom-animated-loop --xxxlarge --color-light-light"></i></div>