Soracom

Design System
  1. Home
  2. Design system
  3. Images
  4. Logos

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>