Logos

Static version of the Soracom symbol

html

Copy

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

Animated version of the Soracom symbol that runs once on load

html

Copy

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

Animated version of the Soracom symbol that loops

html

Copy

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

Color Soracom symbol

html

Copy

<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

html

Copy

<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

html

Copy

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