Skip to main content

Cloud Disconnected


Examples

Heading
Smaller heading

Inline text 

Example link text 

Icon font

Use in web applications, on buttons, and anywhere you need more than a few icons.

<i class="modus-icons" aria-hidden="true">cloud_disconnected</i>

SVG sprite

Use for static sites when you only need a few icons.

<svg class="mi" width="1em" height="1em" fill="currentColor">
  <use xlink:href="/modus-outlined-icons.svg#cloud-disconnected" />
</svg>

SVG code

Use when you don't want any dependency.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-cloud-disconnected" viewBox="0 0 24 24">
  <path d="M17.92 14.98c.41 0 .75-.04 1.08-.14 2.07-.6 3.26-2.76 2.66-4.83a3.91 3.91 0 0 0-2.55-2.62 5.71 5.71 0 0 0-5.7-5.59c-2.01 0-3.87 1.07-4.9 2.8-.3-.06-.58-.09-.86-.1-2.42-.05-4.63 1.61-5.19 3.96a5.254 5.254 0 0 0 5.1 6.53v-.02h3.69v1.8l.75.75.75-.75v-1.8h5.17ZM3.89 10.54a3.75 3.75 0 0 1 3.67-4.53h.01c.34-.01.69.05 1.11.18l.63.2.19-.42c.66-1.49 2.07-2.58 3.7-2.66 2.42-.12 4.41 1.8 4.41 4.19 0 .14-.01.27-.02.41l-.07.72.63.09c.64.09 1.25.39 1.64.9.61.8.68 1.82.22 2.64-.3.56-.81.97-1.43 1.15-.19.06-.4.08-.66.1H7.66c-1.79 0-3.42-1.21-3.77-2.97M22 20c0 .41-.34.75-.75.75h-6.03l-.75-.75.75-.75h6.03c.41 0 .75.34.75.75m-13.22-.75.75.75-.75.75H2.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75zm5.88 2.34c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-1.59-1.59-1.59 1.59c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.95 20l-1.59-1.59c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l1.59 1.59 1.59-1.59c.29-.29.77-.29 1.06 0s.29.77 0 1.06L13.07 20z"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.