パーツ番号 07-07-02 ・ CSSのみ

塗りつぶしスタイルアイコンセット

ベタ塗りのシルエットで表現したアイコン群です。強い視認性が必要なボタンやラベル装飾に向きます。

staticcss

プレビュー

ソースコード

HTML

<div class="row">
          <svg viewBox="0 0 40 40"><path d="M20 31c-9-6-13-11-13-16a7 7 0 0 1 13-4 7 7 0 0 1 13 4c0 5-4 10-13 16z" fill="currentColor"/></svg>
          <svg viewBox="0 0 40 40"><path d="M20 7 L24 16 L34 17 L26 24 L28 34 L20 29 L12 34 L14 24 L6 17 L16 16 Z" fill="currentColor"/></svg>
          <svg viewBox="0 0 40 40"><circle cx="20" cy="20" r="13" fill="currentColor"/></svg>
          <svg viewBox="0 0 40 40"><path d="M20 8 L33 30 H7 Z" fill="currentColor"/></svg>
          <svg viewBox="0 0 40 40"><path d="M20 8c-6 5-11 10-11 15a11 11 0 0 0 22 0c0-5-5-10-11-15z" fill="currentColor"/></svg>
        </div>

CSS

.d07-07-02 .row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:center}
        .d07-07-02 svg{width:32px;height:32px;color:#e2665a}

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