Ikon Cloud Scale Line
clarity:cloud-scale-line
Ikon Cloud Scale Line (clarity:cloud-scale-line) adalah ikon SVG gratis dari set Clarity karya VMware. Ikon ini digambar pada grid 36 × 36. Clarity icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Clarity
- Pembuat
- VMware
- Lisensi
- MIT
- Ukuran
- 36 × 36
- Kategori
- Teknologi
- Tag
- cloudscale, scaleline, cloudscaleline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M6.32 11.11h1.52l.16-.87A7.19 7.19 0 0 1 15.07 4h.07a7.15 7.15 0 0 1 4.71 1.83a11.1 11.1 0 0 1 3.09.64A9.18 9.18 0 0 0 15.16 2h-.09a9.2 9.2 0 0 0-8.94 7.11a6.15 6.15 0 0 0-3.8 10.84A8 8 0 0 1 3 17.71a4.12 4.12 0 0 1-.81-2.44a4.16 4.16 0 0 1 4.13-4.16" class="clr-i-outline clr-i-outline-path-1"/><path fill="currentColor" d="M10.4 16.91h1.52L12 16a7.19 7.19 0 0 1 7.12-6.25h.07a7.17 7.17 0 0 1 5.7 2.92a11 11 0 0 1 2.72.77a9.2 9.2 0 0 0-8.4-5.69h-.09a9.2 9.2 0 0 0-8.94 7.12a6.15 6.15 0 0 0-3.64 11a8 8 0 0 1 .79-2a4.14 4.14 0 0 1 3-7Z" class="clr-i-outline clr-i-outline-path-2"/><path fill="currentColor" d="M32.42 24.47v-.62a9.18 9.18 0 0 0-18.13-2.16A6.16 6.16 0 0 0 14.48 34H31a4.88 4.88 0 0 0 1.46-9.53ZM31 32H14.48a4.16 4.16 0 1 1 0-8.32H16l.11-.87a7.19 7.19 0 0 1 7.12-6.25h.07a7.21 7.21 0 0 1 7.12 7.25v1.2l-.07 1.11l.94.11A2.88 2.88 0 0 1 31 32" class="clr-i-outline clr-i-outline-path-3"/><path fill="none" d="M0 0h36v36H0z"/></svg>
Cara memakai ikon Cloud Scale Line
React
import { Icon } from "@iconify/react";
<Icon icon="clarity:cloud-scale-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="clarity:cloud-scale-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="clarity:cloud-scale-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--cloud-scale-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:cloud-scale-line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="clarity:cloud-scale-line"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/clarity/cloud-scale-line.svg" alt="Ikon Cloud Scale Line" width="24" height="24">
FAQ Ikon Cloud Scale Line
Apakah ikon Cloud Scale Line gratis untuk penggunaan komersial?
Ya. Clarity icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cloud Scale Line di React?
Pasang @iconify/react lalu render <Icon icon="clarity:cloud-scale-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cloud Scale Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/clarity/cloud-scale-line.svg" alt="Ikon Cloud Scale Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Clarity →
ICONYZ
