パーツ番号 09-08-08 ・ CSSのみ

空のフォルダ・ファイル一覧イラスト

フォルダアイコンのアウトラインでファイルが未登録であることを伝える静止イラスト。管理画面のファイル一覧などに使えます。

staticcss

プレビュー

ソースコード

HTML

<div class="d09-08-08-wrap">
          <svg class="d09-08-08-svg" viewBox="0 0 120 96" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M10 26 L10 82 a6 6 0 0 0 6 6 h88 a6 6 0 0 0 6-6 V34 a6 6 0 0 0 -6-6 H58 L48 20 H16 a6 6 0 0 0 -6 6 Z" stroke="#c7ccd6" stroke-width="6" stroke-linejoin="round" fill="#f5f6f9"/>
          </svg>
          <p class="d09-08-08-text">ファイルがありません</p>
        </div>

CSS

.d09-08-08-wrap{ text-align:center; }
        .d09-08-08-svg{ width:100px; height:80px; margin:0 auto 12px; display:block; }
        .d09-08-08-text{ margin:0; font-size:14px; font-weight:700; color:#3a3f4b; }

クラス名 .d09-08-08 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。