ICONYZ
日本語
PrestaShop Icons の Girl Sleep アイコン

Girl Sleep アイコン

ps:girl-sleep

Girl Sleep アイコン(ps:girl-sleep)は、PrestaShop Icons セットの無料 SVG アイコンです(作者: PrestaShop)。 512 × 512 のグリッドで描かれています。 PrestaShop Icons は CC BY-NC 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
PrestaShop Icons
作者
PrestaShop
ライセンス
CC-BY-NC-4.0
サイズ
512 × 512
タグ
girlsleep
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M448 192q0-80-56-136T256 0T120 56T64 192v11Q3 359 0 425q-2 44 137 44q53 43 119 43q70 0 119-43q137 0 137-44q-3-66-64-222zM256 469q-62 0-105.5-43.5T107 320V192q0-58 42-105q24 84 254 84q2 6 2 21v128q0 62-43.5 105.5T256 469m-21-170q0 21 21 21t21-21v-22h-42zm21-86h-43q0 22-21 22q-5 0-8.5-1.5T178 231l-1-1q-6-6-6-17h-43q0 28 17 47q22 17 47 17q32 0 45-17q19-19 19-47m64 22q-5 0-8.5-1.5T306 231l-1-1q-6-6-6-17h-43q0 28 17 47q17 17 47 17q32 0 45-17q19-19 19-47h-43q0 22-21 22m-43 149q0 9-6 15t-15 6t-15-6t-6-15t6-15t15-6t15 6t6 15"/></svg>

Girl Sleep アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="ps:girl-sleep" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ps:girl-sleep" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ps:girl-sleep" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--girl-sleep]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:girl-sleep"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ps:girl-sleep"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ps/girl-sleep.svg" alt="Girl Sleep アイコン" width="24" height="24">

PrestaShop Icons の関連アイコン

Girl Sleep アイコン のよくある質問

Girl Sleep アイコンは商用利用でも無料ですか?

いいえ。PrestaShop Icons は CC BY-NC 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

React で Girl Sleep アイコンを使うには?

@iconify/react をインストールして <Icon icon="ps:girl-sleep" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Girl Sleep アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ps/girl-sleep.svg" alt="Girl Sleep アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

PrestaShop Icons をすべて見る →