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

空のお気に入りリストイラスト

アウトラインのハートモチーフでお気に入り登録が未実施であることを伝える静止イラスト。会員サイトのマイページなどに使えます。

staticcss

プレビュー

ソースコード

HTML

<div class="d09-08-05-wrap">
          <svg class="d09-08-05-svg" viewBox="0 0 100 90" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M50 82 C20 60 6 42 6 26 C6 12 18 4 30 4 C40 4 47 10 50 18 C53 10 60 4 70 4 C82 4 94 12 94 26 C94 42 80 60 50 82 Z" stroke="#c7ccd6" stroke-width="6" stroke-linejoin="round"/>
          </svg>
          <p class="d09-08-05-text">お気に入りはまだありません</p>
        </div>

CSS

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

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