heroicons + sidekickicons

Cloud Slash icon

cloud-slash

A cloud with a slash through it, for offline mode, sync turned off and no connection.

Component
CloudSlashIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
offline, disconnected, no sync, sync off, no connection, storage

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.275 5.275 0 0 1-.092-1.235m1.166-3.076a5.25 5.25 0 0 1 9.159 1.981 2.999 2.999 0 0 1 3.758 3.848 3.752 3.752 0 0 1-.057 7.031m-4.016.226H6.75M3 3l18 18" />
</svg>

Download

cloud-slash icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Cloud Slash icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Offline Offline

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons