Ikon Weather Front Warm

carbon:weather-front-warm

Ikon Weather Front Warm (carbon:weather-front-warm) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Carbon
Pembuat: IBM
Lisensi: Apache-2.0
Ukuran: 32 × 32
Kategori: Perencanaan
Tag: weatherfront, frontwarm, weatherfrontwarm

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M28.166 2a13.03 13.03 0 0 0-12.542 9.58l-1.177 4.315A11.024 11.024 0 0 1 3.835 24H2v2h1.834a13 13 0 0 0 3.47-.482a3.998 3.998 0 1 0 6.581-4.286a13 13 0 0 0 1.62-2.527a3.994 3.994 0 1 0 2.378-7.6a11 11 0 0 1 1.725-3.01a3.983 3.983 0 0 0 6.906-3.964A11 11 0 0 1 28.166 4H30V2ZM11 26a2 2 0 0 1-1.812-1.165a13 13 0 0 0 3.297-2.143A1.977 1.977 0 0 1 11 26m8-11a1.993 1.993 0 0 1-2.759 1.847c.044-.143.096-.282.136-.426l.924-3.391A2 2 0 0 1 19 15m6-9a1.994 1.994 0 0 1-3.901.59a11 11 0 0 1 3.362-1.94A2 2 0 0 1 25 6M10 4v4.586L3.414 2L2 3.414L8.586 10H4v2h8V4z"/></svg>

Cara memakai ikon Weather Front Warm

React

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

<Icon icon="carbon:weather-front-warm" width="24" />

Vue

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

<template>
  <Icon icon="carbon:weather-front-warm" width="24" />
</template>

Svelte

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

<Icon icon="carbon:weather-front-warm" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--weather-front-warm]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:weather-front-warm"></div>

Web component

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

<iconify-icon icon="carbon:weather-front-warm"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/carbon/weather-front-warm.svg" alt="Ikon Weather Front Warm" width="24" height="24">

Ikon terkait di Carbon

FAQ Ikon Weather Front Warm

Apakah ikon Weather Front Warm gratis untuk penggunaan komersial?

Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Weather Front Warm di React?

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

Bagaimana cara menambahkan ikon Weather Front Warm ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/weather-front-warm.svg" alt="Ikon Weather Front Warm">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Carbon →