Bootstrap / SVG ICON

Cloud.

A little detail, ready for a bigger idea.

Try a colorHEX color

Original colors

A single color keeps the artwork’s transparency. Painted backgrounds are tinted too. SVG and PNG exports use the preview color.

Send to Logo Font Maker Color schemes Color converter

Preview size 176 px

Under the surface

Type: Vector
MIME type: image/svg+xml
File size: 1.7 KB (1,773 bytes)
Intrinsic size: 16 × 16 CSS px
ViewBox: 0 0 16 16
Pixel resolution: Scalable vector No fixed pixel grid; export at your chosen size.
Transparency: Supported SVG supports alpha. Any painted background remains part of the artwork.
Color behavior: Uses currentColorThe asset has its own default color. External <img> files do not inherit the parent’s CSS color.
License: MIT
Categories: Network

PALETTE EXPLORER

Colors that make the mark.

Build a color scheme from any shade, or inspect its HEX, RGB, HSL and OKLCH values.

Color schemes Color converter

INTO YOUR NEXT PROJECT

A link you can build with.

Original asset URL

HTML

<img src="https://templates.xxc.dk/icon-assets/library/bootstrap/cloud-2aa3dda48f5bd9f5.svg" width="32" height="32" alt="Cloud">

CSS

.project-icon {
  width: 32px;
  height: 32px;
  background: url("https://templates.xxc.dk/icon-assets/library/bootstrap/cloud-2aa3dda48f5bd9f5.svg") center / contain no-repeat;
}

Inspect the sanitized SVG source

Open to load the SVG source…

More from Bootstrap.

Browse the collection