Weather Front Warm icon
carbon:weather-front-warm
The Weather Front Warm icon (carbon:weather-front-warm) is a free SVG icon from the Carbon set by IBM. It is drawn on a 32 × 32 grid. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<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>How to use the Weather Front Warm icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/carbon/weather-front-warm.svg" alt="Weather Front Warm icon" width="24" height="24">Related icons in Carbon
Weather Front Warm icon FAQ
Is the Weather Front Warm icon free for commercial use?
Yes. Carbon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Weather Front Warm icon in React?
Install @iconify/react and render <Icon icon="carbon:weather-front-warm" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Weather Front Warm icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/carbon/weather-front-warm.svg" alt="Weather Front Warm icon">, or paste the SVG code inline to style it with CSS.