メインコンテンツへスキップ
ソーシャルアイコンブロックを使うと、ソーシャルメディアのプロフィールをクリック可能なアイコンまたはテキストリンクとして表示できます。個別に追加することも、ソーシャルリストブロックを使ってまとめて追加することもできます。
メール署名エディターのキャンバス
形式、バリアント、形状オプションを備えたソーシャルアイコン設定パネル

アイコングリッド

アイコングリッドには、利用可能なすべてのソーシャルプラットフォームが表示されます:LinkedIn、Twitter、Facebook、Instagram、YouTube、Pinterest、Google、Vimeo、Snapchat、Behance、Figma、GitHubなど。 選択中のアイコンはハイライト表示されます。+ ボタンをクリックすると、ライブラリ全体を閲覧して特定のプラットフォームを検索できます。 選択した各プラットフォームには、プロフィールのリンクを入力するURL入力欄があります。

スタイル

設定項目内容
形式アイコン(プラットフォームのロゴを表示)または テキスト(プラットフォーム名をテキストリンクとして表示)を切り替え
バリアントアイコンの塗りスタイル:プレーン(ベタ塗り)、エンプティ(アウトラインのみ)、ストローク(線画)
形状アイコンコンテナーの形状:正方形 または 円形
アイコンの色アイコン自体の色
アイコンの背景アイコンコンテナーの背景色
サイズアイコンのサイズ(ピクセル単位)
モダンですっきりとした見た目には、バリアント → プレーン形状 → 円形 の組み合わせがおすすめです。よりミニマルな雰囲気にしたい場合は、バリアント → ストローク に切り替えてください。

レイアウト

パディングは、ソーシャルアイコンブロックの周囲の余白を制御します。

ソーシャルリストと個別アイコン

ソーシャルリストブロックは、すべてのソーシャルアイコンを共通のスタイルでまとめて扱います。バリアントや形状を一度変更するだけで、リスト内のすべてのアイコンに反映されます。 個別のソーシャルアイコンブロックでは、単一アイコンの外観を独立して制御できます。1つのアイコンだけ他と異なるスタイルにしたい場合に使用します。