Logos

Static version of the Soracom symbol

<i class="ds-icon --icon-soracom --massive"></i>

XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px

<i class="ds-icon --icon-soracom --massive"></i>

Animated version of the Soracom symbol that runs once on load

<i class="ds-icon --icon-soracom-animated --massive"></i>

XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px

<i class="ds-icon --icon-soracom-animated --massive"></i>

Animated version of the Soracom symbol that loops

<i class="ds-icon --icon-soracom-animated-loop --massive"></i>

XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px

<i class="ds-icon --icon-soracom-animated-loop --massive"></i>

Color Soracom symbol

<div><i class="ds-icon --icon-soracom-animated-loop --massive --color-celeste-darkest"></i></div>
<div><i class="ds-icon --icon-soracom-animated-loop --massive --color-celeste"></i></div>
<div><i class="ds-icon --icon-soracom-animated-loop --massive --color-celeste-lightest"></i></div>

XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px

<div><i class="ds-icon --icon-soracom-animated-loop --massive --color-celeste-darkest"></i></div>
<div><i class="ds-icon --icon-soracom-animated-loop --massive --color-celeste"></i></div>
<div><i class="ds-icon --icon-soracom-animated-loop --massive --color-celeste-lightest"></i></div>

Color Soracom symbol

<div class="ds-heading --massive"><i class="ds-icon --icon-soracom-animated-loop --color-celeste-darkest"></i></div>
<div class="ds-heading --massive"><i class="ds-icon --icon-soracom-animated-loop --color-celeste"></i></div>
<div class="ds-heading --massive"><i class="ds-icon --icon-soracom-animated-loop --color-celeste-lightest"></i></div>

XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px

<div class="ds-heading --massive"><i class="ds-icon --icon-soracom-animated-loop --color-celeste-darkest"></i></div>
<div class="ds-heading --massive"><i class="ds-icon --icon-soracom-animated-loop --color-celeste"></i></div>
<div class="ds-heading --massive"><i class="ds-icon --icon-soracom-animated-loop --color-celeste-lightest"></i></div>

White Soracom symbol

<div><i class="ds-icon --icon-soracom-animated-loop --massive --color-light-light"></i></div>

XS Mobile 320px Mobile 420px Tablet 680px Desktop 960px

<div><i class="ds-icon --icon-soracom-animated-loop --massive --color-light-light"></i></div>