Overcast Logo Solid アイコン
streamline-logos:overcast-logo-solid
Overcast Logo Solid アイコン(streamline-logos:overcast-logo-solid)は、Logos free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Logos free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 音楽
- タグ
- overcastlogo、logosolid、overcastlogosolid
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 2.25A9.75 9.75 0 0 0 2.25 12a9.75 9.75 0 0 0 6.238 9.098l2.26-7.538a2 2 0 1 1 2.502 0l2.262 7.538A9.75 9.75 0 0 0 21.75 12A9.75 9.75 0 0 0 12 2.25m0 19.5a9.8 9.8 0 0 1-2.076-.221l.078-.258L12 19.473l1.998 1.798l.078.258A9.8 9.8 0 0 1 12 21.75M.75 12C.75 5.787 5.787.75 12 .75S23.25 5.787 23.25 12S18.213 23.25 12 23.25S.75 18.213.75 12m12.695 7.428l-.698-.628l.402-.361zM12 18.128l.83-.748l-.83-2.77l-.83 2.77l.83.747Zm-1.445 1.3l.698-.628l-.402-.361zM6.95 6.9a.75.75 0 0 1 .15 1.05c-.44.586-1.35 2.265-1.35 4.05s.91 3.464 1.35 4.05a.75.75 0 1 1-1.2.9c-.56-.747-1.65-2.735-1.65-4.95S5.34 7.797 5.9 7.05a.75.75 0 0 1 1.05-.15m2.08 2.07a.75.75 0 0 1 0 1.06c-.238.238-.78 1.025-.78 1.97s.542 1.732.78 1.97a.75.75 0 1 1-1.06 1.06c-.43-.428-1.22-1.575-1.22-3.03s.79-2.602 1.22-3.03a.75.75 0 0 1 1.06 0m9.07-1.92a.75.75 0 0 0-1.2.9c.44.586 1.35 2.265 1.35 4.05s-.91 3.464-1.35 4.05a.75.75 0 1 0 1.2.9c.56-.747 1.65-2.735 1.65-4.95s-1.09-4.203-1.65-4.95m-3.13 1.92a.75.75 0 0 1 1.06 0c.43.428 1.22 1.575 1.22 3.03s-.79 2.602-1.22 3.03a.75.75 0 1 1-1.06-1.06c.238-.238.78-1.025.78-1.97s-.542-1.732-.78-1.97a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>Overcast Logo Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:overcast-logo-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:overcast-logo-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:overcast-logo-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--overcast-logo-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:overcast-logo-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:overcast-logo-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/overcast-logo-solid.svg" alt="Overcast Logo Solid アイコン" width="24" height="24">Logos free icons の関連アイコン
Overcast Logo Solid アイコン のよくある質問
Overcast Logo Solid アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Overcast Logo Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:overcast-logo-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Overcast Logo Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/overcast-logo-solid.svg" alt="Overcast Logo Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。