Fog Outline アイコン
solar:fog-outline
Fog Outline アイコン(solar:fog-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 天気
- タグ
- fogoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.4762 2.75C9.7261 2.75 7.5119 4.95083 7.5119 7.64706C7.5119 8.10922 7.5766 8.55551 7.69729 8.97813C8.19449 9.12162 8.65991 9.3389 9.08045 9.61709C9.42592 9.84561 9.52072 10.3109 9.29219 10.6564C9.06366 11.0019 8.59835 11.0967 8.25288 10.8681C7.87207 10.6162 7.43917 10.4355 6.9733 10.3451C6.75147 10.3021 6.52165 10.2794 6.28571 10.2794C4.3246 10.2794 2.75 11.8482 2.75 13.7647C2.75 14.2966 2.87042 14.7997 3.08603 15.25H20.2886C20.8937 14.438 21.25 13.4369 21.25 12.3529C21.25 10.2162 19.8607 8.39087 17.9124 7.72463C17.4038 7.55072 16.8568 7.45588 16.2857 7.45588C15.7031 7.45588 15.1455 7.55458 14.6283 7.73526C14.2372 7.87185 13.8095 7.66557 13.6729 7.27453C13.5363 6.88348 13.7426 6.45575 14.1336 6.31916C14.8079 6.08364 15.5326 5.95588 16.2857 5.95588C16.5812 5.95588 16.8723 5.97555 17.1577 6.01367C16.477 4.11631 14.6422 2.75 12.4762 2.75ZM18.8314 6.47127C18.2724 3.49369 15.6343 1.25 12.4762 1.25C8.91446 1.25 6.0119 4.10572 6.0119 7.64706C6.0119 8.03413 6.04673 8.41355 6.11351 8.78228C3.41987 8.87207 1.25 11.0605 1.25 13.7647C1.25 14.3422 1.34944 14.8973 1.53223 15.4137C1.36021 15.5511 1.25 15.7627 1.25 16C1.25 16.4142 1.58579 16.75 2 16.75H2.6334C2.64148 16.7501 2.64956 16.7501 2.65765 16.75H20.6437C20.6467 16.75 20.6498 16.75 20.6528 16.75H22C22.4142 16.75 22.75 16.4142 22.75 16C22.75 15.6025 22.4407 15.2772 22.0496 15.2516C22.4972 14.3816 22.75 13.3963 22.75 12.3529C22.75 9.70929 21.1313 7.44751 18.8314 6.47127ZM4.25 19C4.25 18.5858 4.58579 18.25 5 18.25H19C19.4142 18.25 19.75 18.5858 19.75 19C19.75 19.4142 19.4142 19.75 19 19.75H5C4.58579 19.75 4.25 19.4142 4.25 19ZM7.25 22C7.25 21.5858 7.58579 21.25 8 21.25H16C16.4142 21.25 16.75 21.5858 16.75 22C16.75 22.4142 16.4142 22.75 16 22.75H8C7.58579 22.75 7.25 22.4142 7.25 22Z" clip-rule="evenodd"/></svg>Fog Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:fog-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:fog-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:fog-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--fog-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:fog-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:fog-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/fog-outline.svg" alt="Fog Outline アイコン" width="24" height="24">Solar の関連アイコン
他のアイコンセットの Fog Outline アイコン
Fog Outline アイコン のよくある質問
Fog Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Fog Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:fog-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fog Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/fog-outline.svg" alt="Fog Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。