heroicons + sidekickicons

Cloud X Mark icon

cloud-x-mark

A cloud with an X, for failed uploads, sync errors and deleting files from the cloud.

Component
CloudXMarkIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
failed, error, delete, remove, sync error, 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.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Zm3-7.875 4.5 4.5m0-4.5-4.5 4.5" />
</svg>

Download

cloud-x-mark icon preview

Color

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

Size in pixels

Background

Cloud X Mark icon in UI elements

Button · Mini

Secondary button · Mini

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

Input · Mini

Navigation · Outline

Upload failed Upload failed

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons