Pixelfin Light アイコン
selfhst:pixelfin-light
Pixelfin Light アイコン(selfhst:pixelfin-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
- タグ
- pixelfinlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M411.2 134.6c-4.1-7.7-40.4-74.5-116.2-112.4c-2.9-1.4-35.9-17.6-80.8-21.3c-14.4-1.2-38.2-3-42.8 7c-2.6 5.7 3.4 11.8 10.5 24.5c0 0 14.2 25.2 18.2 53.3c3.9 26.8-4.3 48.7-10.5 65.2c-2.3 6.1-9.8 25.7-25.9 46.3c-8.5 10.9-13 13.9-24.5 27.3c0 0-15.7 18.3-30.2 41.4c-3.7 5.9-57.8 93.5-30.9 126.2c.8.9 10.4 12.3 21.7 11.2c7.7-.7 11.5-6.7 19.6-13.3c9.1-7.5 17.4-10.5 33.9-16.5c21.1-7.7 69.8-16.7 82.7 2.7c13.6 20.3-17.8 66.3-28.3 81.8c-19.4 28.5-35.6 38.2-31.8 46.7c6.7 15 64.6 2 68.8 1.1c41.3-9.5 69.8-28.4 76.6-33C371.6 438.5 441.1 361 441.2 254c.2-14.3-1.1-64.6-30-119.4m-135.3 24.5c0-6.8 5.5-12.3 12.3-12.3h57.1c6.8 0 12.3 5.5 12.3 12.3v57.1c0 6.8-5.5 12.3-12.3 12.3h-57.1c-6.8 0-12.3-5.5-12.3-12.3zM271 288.2c0 5.4-4.4 9.9-9.9 9.9h-46.6c-5.4 0-9.9-4.4-9.9-9.9v-46.6c0-5.4 4.4-9.9 9.9-9.9h46.6c5.4 0 9.9 4.4 9.9 9.9zm38 93.7c0 3.4-2.8 6.2-6.2 6.2H282c-3.4 0-6.2-2.8-6.2-6.2v-25.2c0-3.4 2.8-6.2 6.2-6.2h20.8c3.4 0 6.2 2.8 6.2 6.2zm58.9-56c0 5.5-4.4 9.9-9.9 9.9h-41.6c-5.5 0-9.9-4.4-9.9-9.9v-40.3c0-5.5 4.4-9.9 9.9-9.9H358c5.5 0 9.9 4.4 9.9 9.9z"/></svg>Pixelfin Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:pixelfin-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:pixelfin-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:pixelfin-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--pixelfin-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:pixelfin-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:pixelfin-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/pixelfin-light.svg" alt="Pixelfin Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Pixelfin Light アイコン のよくある質問
Pixelfin Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Pixelfin Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:pixelfin-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pixelfin Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/pixelfin-light.svg" alt="Pixelfin Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。