デザインの事

フリーで使用可能。国産アイコン素材サイト4選

 

簡単なリストもアイコンを使って一工夫してみましょう
全て国産サイトなので、日本語で検索もしやすく規約も翻訳する必要がありません
スマホ時代ですから、より簡潔で分かりやすくするアイコンの重要性は高まっています
必ず利用規約を読んでから、使うようにしましょう
HTML

<div class="navbar">
<ul>
  <li><img src="1.png">ここに項目</li>
  <li><img src="1.png">ここに項目</li>
    <li><img src="1.png">ここに項目</li>
      <li><img src="1.png">ここに項目</li>
        <li><img src="1.png">ここに項目</li>
</ul>
</div>

CSS

.navbar ul{
  list-style: none;
}

.navbar img{
  width: 2%;
  height: auto;
}

サイズについては適宜調整してください。widthとheightの値をいじります

icon-rainbow


icon-rainbow
シンプルで分かりやすいです。カラーも選べるのが凄い
SVG形式もあり。商用利用も可です

FLAT ICON DESIGN


FLAT ICON DESIGN
高品質なフラットアイコンを集めたサイトです。商用利用可です
今後も廃れる事は考えにくいデザインでしょう。背景有りと無しが選べます

icon box

icon box
シンプルでお洒落なアイコンが揃ってます
線データが生きてるので、編集も自在。SVG形式でダウンロードしmethodとかでブラウザエディットが出来ます

ハンコでアソブ


ハンコでアソブ
めっちゃ凝ってて可愛いハンコデザインですね
商用利用可で、クレジットも不要です