Wallpaper Filled アイコン
reicon:wallpaper-filled
Wallpaper Filled アイコン(reicon:wallpaper-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.72 7.349a1.86 1.86 0 1 1-3.72 0a1.86 1.86 0 0 1 3.72 0m6.28.405c0-.374 0-.642-.037-.878a3.02 3.02 0 0 0-1.315-2.047c-.078-.052-.177.016-.164.109c.1.744.117 1.627.12 2.59v8.943c-.003.964-.02 1.847-.12 2.591c-.013.093.086.16.164.109a3.02 3.02 0 0 0 1.315-2.047c.037-.236.037-.504.037-.878zm-18.605.06l.002-.465c.004-.894.025-1.714.12-2.411c.012-.093-.087-.16-.165-.109a3.02 3.02 0 0 0-1.315 2.047C2 7.112 2 7.38 2 7.754v8.492c0 .374 0 .642.037.878a3.02 3.02 0 0 0 1.315 2.047c.078.052.177-.016.164-.109c-.094-.697-.115-1.517-.12-2.41V7.813"/><path fill-rule="evenodd" d="M16.085 2.108C15.28 2 14.253 2 12.981 2H11.02c-1.272 0-2.298 0-3.104.108c-.838.113-1.543.354-2.103.914s-.8 1.265-.913 2.102c-.108.806-.108 1.832-.108 3.104v7.544c0 1.272 0 2.298.108 3.104c.113.837.354 1.542.913 2.102c.56.56 1.265.801 2.103.914C8.72 22 9.747 22 11.019 22h1.962c1.272 0 2.298 0 3.104-.108c.838-.113 1.543-.354 2.103-.914s.8-1.265.913-2.102c.108-.806.108-1.832.108-3.104V8.228c0-1.272 0-2.298-.108-3.104c-.113-.837-.354-1.542-.913-2.102c-.56-.56-1.265-.801-2.103-.914m.723 14.522l.987 1.04c.018-.536.019-1.175.019-1.95V8.28c0-1.336-.002-2.267-.096-2.97c-.092-.683-.26-1.044-.517-1.302c-.258-.257-.619-.425-1.302-.517c-.702-.094-1.633-.096-2.969-.096h-1.86c-1.335 0-2.267.002-2.97.096c-.682.092-1.043.26-1.3.517c-.258.258-.426.62-.518 1.302c-.094.703-.096 1.634-.096 2.97v4.624l.003-.003c.917-.941 2.336-.876 3.184.118l2.94 3.448c.236.276.545.289.783.093l.204-.169c1.076-.886 2.552-.77 3.508.24" clip-rule="evenodd"/></g></svg>Wallpaper Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:wallpaper-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:wallpaper-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:wallpaper-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--wallpaper-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:wallpaper-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:wallpaper-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/wallpaper-filled.svg" alt="Wallpaper Filled アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Wallpaper Filled アイコン
Wallpaper Filled アイコン のよくある質問
Wallpaper Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wallpaper Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:wallpaper-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wallpaper Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/wallpaper-filled.svg" alt="Wallpaper Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。