Windyapp アイコン
arcticons:windyapp
Windyapp アイコン(arcticons:windyapp)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M45.5 24c0 11.874-9.626 21.5-21.5 21.5S2.5 35.874 2.5 24S12.126 2.5 24 2.5S45.5 12.126 45.5 24"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.467 21.098a15.7 15.7 0 0 0-2.28-5.687l2.065-1.345a18.2 18.2 0 0 0-5.298-5.305L24 24zM12.522 31.772a13.9 13.9 0 0 0 3.881 3.823l-1.027 1.568a15.7 15.7 0 0 0 5.701 2.3L24 24z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.363 21.68a12.6 12.6 0 0 1-.036 4.824l-1.698-.344a10.9 10.9 0 0 1-1.664 3.945L24 24m0 0L20.77 7.66a16.7 16.7 0 0 1 6.598.028l-.186.9a15.7 15.7 0 0 1 5.423 2.236M24 24l3.855 5.87a7 7 0 0 1-2.688 1.055z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m24 24l-5.514-8.194a9.9 9.9 0 0 1 3.6-1.495M24 24l-9.02-1.689a8.9 8.9 0 0 1 1.401-3.456zm-11.478 7.772l-3.595 2.431a18.2 18.2 0 0 1-2.738-6.452l2.412-.508a15.7 15.7 0 0 1-.069-6.139l6.447 1.207M24 2.5v4.844M8.264 24H2.5m43 0h-8.922M14.2 33.8l-5.403 5.403M39.203 8.797l-2.229 2.229M24 33.53V45.5m-6.738-28.238L8.797 8.797m30.406 30.406l-8.465-8.465"/></svg>Windyapp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:windyapp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:windyapp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:windyapp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--windyapp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:windyapp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:windyapp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/windyapp.svg" alt="Windyapp アイコン" width="24" height="24">Windyapp アイコン のよくある質問
Windyapp アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Windyapp アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:windyapp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Windyapp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/windyapp.svg" alt="Windyapp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。