Wapy Dev Light アイコン
selfhst:wapy-dev-light
Wapy Dev Light アイコン(selfhst:wapy-dev-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- wapydev、devlight、wapydevlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M491.4 356.3c-.9 2.1-1.8 4.1-2.7 6.2l-39.3-39.3c-4.6 13-10.5 25.8-18.1 38.3c-23.6 39.4-57 66.9-94.4 82.8l38.2 38.2C266 539.2 120.4 514.2 43 398c-55.8-83.8-54.2-182.6-13.1-260.8l38.3 38.3c3.1-7.2 6.7-14.3 10.6-21.1c-32.4 56.4-38.7 128-6 193.1c72.2 144.2 275.6 152 358.6 13.8c84-140-23.1-317.7-186.5-309.4c-19.7 1-38.4 4.9-55.9 10.9l-39.5-39.5c-45.8 21-83.2 54.9-109.1 95.8C82 53.3 153.1 5.7 241.6.8C430.3-9.7 565.4 182.6 491.4 356.3M296.7 404L108.1 215.4c-13.1 46.1-4.9 98.5 31.5 140.9c41.3 48.2 103 62.6 157.1 47.7m93.9-74.2c2.9-5.4 5.6-11 8-17c41.1-102.6-40.3-216.5-150-209.8c-53.4 3.3-95.7 31-120.8 69.2c22.4-33.9 58.2-59.6 103.5-67.1l176.1 176.1c-1.8 10.6-4.7 21.2-8.9 31.7c-2.3 5.9-5 11.5-7.9 16.9"/><path fill="#fff" d="M398.5 312.9c4.2-10.5 7.1-21.1 8.9-31.7L231.3 105.1c-63 10.5-107.8 56-123.3 110.2L296.7 404c43.8-12 82.7-43.2 101.8-91.1m90.2 49.6l-39.3-39.3c-4.6 13-10.5 25.8-18.1 38.3c-23.6 39.4-57.1 66.8-94.5 82.7l38.4 38.4c47.7-24.8 88.4-65.1 113.5-120.1M29.9 137.2l38.3 38.3C90.6 124 133.5 81.9 189 62.8l-39.5-39.5c-52.4 24-93.8 64.9-119.6 113.9" opacity=".5"/></svg>Wapy Dev Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:wapy-dev-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:wapy-dev-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:wapy-dev-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--wapy-dev-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:wapy-dev-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:wapy-dev-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/wapy-dev-light.svg" alt="Wapy Dev Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Wapy Dev Light アイコン のよくある質問
Wapy Dev Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Wapy Dev Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:wapy-dev-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wapy Dev Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/wapy-dev-light.svg" alt="Wapy Dev Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。