Ikon Overcast

thesvg:overcast

Ikon Overcast (thesvg:overcast) adalah ikon SVG gratis dari set theSVG karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG 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: theSVG
Pembuat: thesvg.org
Lisensi: MIT
Ukuran: 24 × 24

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 24C5.389 24.018.017 18.671 0 12.061V12C0 5.35 5.351 0 12 0s12 5.35 12 12c0 6.649-5.351 12-12 12m0-4.751l.9-.899l-.9-3.45l-.9 3.45zm-1.15-.05L10.4 20.9l1.05-1.052zm2.3 0l-.6.601l1.05 1.051zm.85 3.102L12 20.3l-2 2.001c.65.1 1.3.199 2 .199s1.35-.05 2-.199M12 1.5C6.201 1.5 1.5 6.201 1.5 12a10.45 10.45 0 0 0 7.051 9.899l2.25-8.35a1.95 1.95 0 0 1-.801-1.6c0-1.101.9-2.001 2-2.001s2 .9 2 2.001c0 .649-.301 1.2-.801 1.6l2.25 8.35A10.445 10.445 0 0 0 22.5 12c0-5.799-4.701-10.5-10.5-10.5m6.85 15.7a.774.774 0 0 1-1.049.15a.68.68 0 0 1-.15-1.001s1.35-1.799 1.35-4.35s-1.35-4.35-1.35-4.35a.68.68 0 0 1 .151-1.001a.774.774 0 0 1 1.049.15c.1.101 1.65 2.15 1.65 5.2S18.949 17.1 18.85 17.2m-3.651-1.95c-.3-.3-.249-.85.051-1.15c0 0 .75-.799.75-2.1s-.75-2.051-.75-2.1c-.3-.301-.3-.801-.051-1.15a.69.69 0 0 1 1.051-.051C16.301 8.75 17.5 10 17.5 12s-1.199 3.25-1.25 3.301c-.301.299-.75.25-1.051-.051m-6.398 0c-.301.301-.75.35-1.051.051C7.699 15.199 6.5 14 6.5 12s1.199-3.199 1.25-3.301c.301-.299.801-.299 1.051.051c.3.3.249.85-.051 1.15c0 .049-.75.799-.75 2.1s.75 2.1.75 2.1c.3.3.351.799.051 1.15m-2.602 2.101a.776.776 0 0 1-1.05-.15C5.051 17.1 3.5 15.05 3.5 12s1.551-5.1 1.649-5.2a.774.774 0 0 1 1.05-.15a.68.68 0 0 1 .151 1S5 9.449 5 12s1.35 4.35 1.35 4.35c.25.3.15.75-.151 1.001"/></svg>

Cara memakai ikon Overcast

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:overcast" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:overcast" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:overcast" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--overcast]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:overcast"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:overcast"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg/overcast.svg" alt="Ikon Overcast" width="24" height="24">

Ikon Overcast di set ikon lain

FAQ Ikon Overcast

Apakah ikon Overcast gratis untuk penggunaan komersial?

Ya. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Overcast di React?

Pasang @iconify/react lalu render <Icon icon="thesvg:overcast" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Overcast ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg/overcast.svg" alt="Ikon Overcast">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG →