Icon
Thinca Design System が提供する 77 個のアイコン。すべて 20×20 のグリッドで描かれ、ボタンや一覧の補助記号として使用します。
使い方
Icon コンポーネントに name プロップとしてアイコンの slug を渡します。size 省略時は親要素のサイズに追従します。
import { Icon } from "@/components/Icon";
<Icon name="plus" size={20} />
<Icon name="caret-down" />
<Icon name="edit" size={16} alt="編集" />一覧
全 77 個。アイコンはすべて Bold weight で統一(2026-06-12 決定)。
送信
paper-plane-right
検索
search
電話
phone
+
plus
編集
edit
CSVファイル
csv
情報ツールチップ
info
下
caret-down
上
caret-up
左
caret-left
右
caret-right
戻る
arrow-left
進む
arrow-right
削除
trash
DL
download
コピー
copy
再生
play
一時停止
pause
メニュー(横)
menu-horizontal
メニュー(縦)
menu-vertical
×
close
カレンダー
calendar
リトライ
retry
メッセージ
message
ヘルプツールチップ
help
設定
settings
文字起こし
clipboard-text
電話折り返し
phone-transfer
メール
タグ
tag
人物1
person
人物2
person-circle
写真
photo
アップロード
upload
新規ウィンドウ
external-link
目
eye
不可視化
eye-off
追加する
plus-circle
閉じる
close-circle
チェック
check
☑
checkbox
!
exclamation
警告
warning
ログアウト
logout
通知
notification
ホーム
home
LINE
line
LINEWORKS
lineworks
携帯電話
mobile
発信
call-outgoing
着信
call-incoming
携帯発信
mobile-outgoing
携帯着信
mobile-incoming
LINE受信
line-incoming
LINE送信
line-outgoing
メール受信
mail-incoming
メール送信
mail-outgoing
AI
sparkle
重要会話判定
star
対面録音(握手)
handshake
クレーム
megaphone
カスハラ(手のひら)
hand-palm
カスハラ!
shield-warning
カスハラ人物
user-focus
メニュー(グリッド)
menu-grid
時計
clock
マイクON
mic-on
マイクOFF
mic-off
ビデオOFF
video-off
ビデオON
video-on
画面共有ON
screen-share-on
画面共有OFF
screen-share-off
切電
call-end
録音開始
record-start
録音停止
record-stop
リサイズハンドル
notches
絞り込み
funnel-simple
アイコンサイズ
XXS / XS / S / M / L / XL / XXL / XXXL の 8 段階。
- iconSize.xxs8px
- iconSize.xs12px
- iconSize.s16px
- iconSize.m20px
- iconSize.l24px
- iconSize.xl48px
- iconSize.xxl64px
- iconSize.xxxl128px
アバターアイコン専用。