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>