Web UI部品アイコン36個セット

検索欄、トグル、スライダー、タブ、チェックボックス、モーダル、アップロードなどのUI部品をまとめた無料素材セットです。

36点 PNG/WebP 商用利用OK クレジット不要

全36点をZIPで無料ダウンロード 1点ずつ選ぶ

Pages

1点ずつのページから選ぶ

使いたい絵を開くと、イラストのサイズや色を調整して保存できます。線画がついている絵は、同じページからぬり絵の印刷や色塗りもできます。

Assets

素材一覧

PNG保存詳細

Edit

調整してダウンロード

素材を選択してください

検索欄

透過PNG/WebPで保存できます

背景確認

出力サイズ形式

明るさ彩度コントラスト色相透明度

この素材パックについて

Web UI部品アイコン36個セットは、Web制作資料、アプリ説明、操作マニュアル、UI設計資料、ブログ記事に使いやすい無料素材パックです。検索欄、トグル、スライダー、タブ、空のチェックボックス、チェック済みボックス、ラジオボタン、通知ベル、カレンダー入力、ドロップダウン、関連モチーフを収録しています。

実在サービスの画面を模写せず、文字や数字を入れない汎用UI部品素材として扱いやすいように、各素材は透明背景のPNGとWebPで用意しています。文字、数字、ロゴ、ブランド名、実在サービス名などを固定しない構成なので、見出し、日付、短い説明文、店舗名、資料名などを後から重ねても使いやすいです。色とサイズは素材ページ内の軽量編集機能で調整でき、単体ダウンロードにも一括ZIPにも対応しています。

Web記事、SNS画像、プリント、スライド、店頭POP、資料の挿絵など、同じテーマで複数の絵柄をそろえたい場面に向いています。商用利用と加工は可能で、クレジット表記は不要です。ただし、素材ファイルそのものを素材集として再配布したり販売したりすることはできません。

この素材パックの画像は、画像生成AIで作成したものです。ページと利用規約にAI生成素材であることを明記しています。

公開日: 2026年7月8日／更新日: 2026年7月8日

収録している素材の一覧

このパックには次の36点を収録しています。

検索欄 — 文字がない検索欄アイコン
トグル — 文字がないトグルスイッチアイコン
スライダー — 数字がないスライダーアイコン
タブ — 文字がないタブアイコン
空のチェックボックス — 文字がない空のチェックボックスアイコン
チェック済みボックス — 文字がないチェック済みボックスアイコン
ラジオボタン — 文字がないラジオボタンアイコン
通知ベル — 数字がない通知ベルアイコン
カレンダー入力 — 日付や文字がないカレンダー入力アイコン
ドロップダウン — 文字がないドロップダウンアイコン
モーダル — 文字がないモーダルウィンドウアイコン
ツールチップ — 文字がないツールチップアイコン
アップロード枠 — 文字がないアップロード枠アイコン
ダウンロード — 文字がないダウンロードアイコン
設定歯車 — 文字がない設定歯車アイコン
メニュー — 文字がないメニューボタンアイコン
閉じる — 文字がない閉じるボタンアイコン
追加 — 文字がない追加ボタンアイコン
削除 — 文字がない削除ボタンアイコン
ドラッグハンドル — 文字がないドラッグハンドルアイコン
進捗バー — 数字がない進捗バーアイコン
ローディング — 文字がないローディングアイコン
ページネーション — 数字がないページネーションアイコン
パンくず — 文字がないパンくずアイコン
アバター枠 — 顔や文字がないアバター枠アイコン
カード — 文字がないカードパネルアイコン
表グリッド — 文字がない表グリッドアイコン
フィルター — 文字がないフィルターアイコン
並び替え — 文字がない並び替えアイコン
更新 — 文字がない更新アイコン
共有 — 文字がない共有アイコン
リンク — 文字がないリンクアイコン
コピー — 文字がないコピーアイコン
ロック — 文字がないロックアイコン
表示 — 文字がない表示アイコン
UI部品セット — 文字やロゴがないUI部品セットアイコン

使い方

「1点ずつ選ぶ」または「複数を選ぶ」を選択します。
素材を選択して編集画面へ進みます。
背景、出力サイズ、形式、色味を調整します。
プレビュー下のボタンから保存します。

使用例

操作ボタンの絵を使い、Web画面の試作や操作説明の資料を作る。
Web制作資料、アプリ説明、操作マニュアル、UI設計資料、ブログ記事で、見出しや説明の横に置くワンポイント素材として使う。
PNGで印刷物や編集作業に使い、WebPでWebページや軽量な画像表示に使う。
無地部分がある素材には、画像編集ツールや資料作成ソフトで独自の見出しや短い注記を重ねる。

ライセンス

商用利用OK、登録不要。再配布や素材そのものの販売はできません。

詳しい条件は素材の利用規約をご覧ください。

よくある質問

商用サイトで使えますか？

はい。ライセンス条件の範囲で、商用サイトにも無料で利用できます。

素材をそのまま再配布できますか？

素材そのものの再配布や販売はできません。

商用利用できますか？

はい。商用利用と加工は可能で、登録やクレジット表記も不要です。ただし、素材ファイルそのものの再配布や販売はできません。

素材に文字、数字、ロゴは入っていますか？

基本的に入れていません。無地の面や余白を残しているため、用途に合わせて見出し、日付、説明文、店舗名などを後から追加できます。

どの形式でダウンロードできますか？

各素材は透明背景のPNGとWebPで使えます。まとめてダウンロードできるZIPには、PNG、WebP、LICENSE.txt、README.txtが入っています。

実在サービスの画面を模写せず、文字や数字を入れない汎用UI部品素材として使えますか？

はい。実在サービスの画面を模写せず、文字や数字を入れない汎用UI部品素材として使いやすいように、汎用性を優先して作っています。必要に応じて色やサイズを調整して使えます。