ICONYZ
日本語
Carbon の Weather Front Stationary アイコン

Weather Front Stationary アイコン

carbon:weather-front-stationary

Weather Front Stationary アイコン(carbon:weather-front-stationary)は、Carbon セットの無料 SVG アイコンです(作者: IBM)。 32 × 32 のグリッドで描かれています。 Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Carbon
作者
IBM
ライセンス
Apache-2.0
サイズ
32 × 32
カテゴリ
計画
タグ
weatherfront、frontstationary、weatherfrontstationary
SVG をダウンロード

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 13 0 0 0-8.408 3.107a3.995 3.995 0 1 0-4.175 6.621l-1.136 4.167q-.11.397-.25.781a3.986 3.986 0 0 0-5.154 6.006A10.95 10.95 0 0 1 3.835 24H2v2h1.834c.298 0 .592-.017.886-.037l7.929 2.974A1 1 0 0 0 14 28v-6.908a13 13 0 0 0 .912-1.313l6.363-1.818a1 1 0 0 0 .506-1.586l-3.997-4.995a11 11 0 0 1 1.152-2.347l5.748 1.916A1 1 0 0 0 26 10V4.225A11 11 0 0 1 28.166 4H30V2ZM17 6a1.98 1.98 0 0 1 1.324.53a13 13 0 0 0-2.084 3.318A1.999 1.999 0 0 1 17 6m-7 14a1.988 1.988 0 0 1 3.337-1.472a11 11 0 0 1-2.595 3.015A2 2 0 0 1 10 20m-1.665 5.183A13 13 0 0 0 12 23.094v3.463Zm7.74-7.816q.168-.465.302-.946l.732-2.685l2.171 2.715ZM24 8.612l-3.741-1.247A11.1 11.1 0 0 1 24 4.831ZM22 22v2h4.586L22 28.586L23.414 30L28 25.414V30h2v-8zM2 2v2h4.586L2 8.586L3.414 10L8 5.414V10h2V2z"/></svg>

Weather Front Stationary アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/carbon/weather-front-stationary.svg" alt="Weather Front Stationary アイコン" width="24" height="24">

Carbon の関連アイコン

Weather Front Stationary アイコン のよくある質問

Weather Front Stationary アイコンは商用利用でも無料ですか?

はい。Carbon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Weather Front Stationary アイコンを使うには?

@iconify/react をインストールして <Icon icon="carbon:weather-front-stationary" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Weather Front Stationary アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/carbon/weather-front-stationary.svg" alt="Weather Front Stationary アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Carbon アイコン をすべて見る →