角丸の吹き出しと3点リーダーの無料アイコン | フリー素材

デジタルな会話と機能を表す、「角丸吹き出し」フリー素材

正方形に近い、角の丸い吹き出しの中に「…（三点リーダー）」を配置したアイコンです。雲形や楕円形の吹き出しが「会話」を強調するのに対し、この形状はスマートフォンのアプリアイコンやUIボタンに近く、「デジタル上のコメント」や「システム的なメッセージ」を連想させます。シンプルで癖がないため、ビジネスチャットからゲーム画面まで幅広く馴染みます。

具体的な使用シーンと用途の提案

このアイコンは、メッセージアプリのステータス表示から、Webサイトの操作ボタンまで、多岐にわたる用途で使用できます。

• チャット・SNSの「コメント・入力中」アイコンに
  掲示板やSNSの投稿に対する「コメント欄」へのリンクボタンとして。または、チャット画面において相手がテキストを入力している際の「タイピングインジケーター」として最適です。角丸の四角い形状は、テキストボックス（入力欄）を想起させるため、ユーザーに入力を促す効果もあります。
• アプリやWebサイトの「その他・メニュー」ボタンに
  画面の隅に配置される「…」ボタン（ミートボールメニュー）のバリエーションとして。吹き出しの枠が付いていることで、「ここを押すと詳細な説明やオプションが表示されます」というツールチップ的な役割を直感的に伝えます。
• レビューサイトの「感想・口コミ」の投稿イメージに
  商品レビューや飲食店の口コミサイトにおいて、ユーザーが感想を書き込むアクションを示すアイコンとして。四角い形状は、長文のテキストや画像を含むリッチなコメントをイメージさせます。
• 漫画やブログの「沈黙・思考」の表現に
  キャラクターが言葉に詰まっているシーンや、何かを考えているがまだ言葉になっていない状態を表す「間（ま）」の表現として。楕円形よりも少し硬い印象があるため、シリアスな場面や、ロボット・AIが思考しているシーンにもマッチします。
• FAQやヘルプの「補足説明」アイコンに
  「詳しい情報はこちら」や「補足あり」を示すマークとして。文章の末尾にこのアイコンを置くことで、省略された情報があることを示唆し、クリックを誘導することができます。

編集のコツとEPS形式のメリット

配布ファイルには、Web制作に便利なPNG、SVG形式のほか、DTPデザインや高度な編集に適したベクターデータのEPS形式も同梱しています。

EPS形式（ベクターデータ）を活用すれば、UIデザインのトンマナに合わせて形状を微調整できます。Adobe Illustratorなどのソフトを使えば、角の丸み（アール）を調整して、より真四角に近づけたり、逆に円に近づけたりすることが可能です。
また、しっぽ（吹き出しの突起）の部分を削除して、純粋な「四角いボタン」として使うのもおすすめです。中の3点リーダーを「i（インフォメーション）」や「？（ヘルプ）」に書き換えれば、サイト内の案内アイコンとして応用できますし、背景色を半透明にして画像の上に重ねるような使い方もスタイリッシュです。

関連するキーワード

吹き出し、ふきだし、角丸、四角、3点リーダー、…、てんてん、入力中、コメント、チャット、メニュー、オプション、詳細、思考中、沈黙、UI、アイコン、Speech bubble、Rounded rectangle、Typing、Menu、Comment