Cloud Arrow Down

Usage

With Web Components

<ss-icon icon="cloud-arrow-down"></ss-icon>

With icon tag

<i class="ss ss-cloud-arrow-down"></i>

With custom stroke width / thickness

<ss-icon icon="cloud-arrow-down" thickness="1.2"></ss-icon>

Node.js

const icons = require('@bookklik/senangstart-icons/icons');
const svg = icons['cloud-arrow-down'];
console.log(svg);

Icon Details

Property	Value
Name	Cloud Arrow Down
Slug	cloud-arrow-down
Tags	cloud, download, restore, storage, sync, receive, cloud-arrow-down

SVG Path

M2.25 15a4.5 4.5 0 0 0 4.5 4.5h.25M17 19.5H18a3.75 3.75 0 0 0 1.332-7.257 3 3 0 0 0-4.232-3.943 5.25 5.25 0 0 0-10.233 2.33A4.502 4.502 0 0 0 2.25 15M12 12v9m-2.5-2.5 2.5 2.5 2.5-2.5

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <path d="M2.25 15a4.5 4.5 0 0 0 4.5 4.5h.25M17 19.5H18a3.75 3.75 0 0 0 1.332-7.257 3 3 0 0 0-4.232-3.943 5.25 5.25 0 0 0-10.233 2.33A4.502 4.502 0 0 0 2.25 15M12 12v9m-2.5-2.5 2.5 2.5 2.5-2.5"></path>
</svg>

---

← Back to Icon Library