Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
SVG Icon Design Guide
Search
RIDI
July 18, 2019
Design
2
3.8k
SVG Icon Design Guide
RIDI Design System - Icon Design Guide
RIDI
July 18, 2019
Tweet
Share
More Decks by RIDI
See All by RIDI
원격 근무 팀 운영 경험 공유
ridi
0
2.2k
빠르게 훑어보는 리디페이 백엔드 개발기
ridi
2
5.1k
Next.js는 정말 zero config였다.
ridi
0
2.1k
3일 걸릴 것 같던 구매목록 다운로드는 왜 3주가 걸렸을까?
ridi
0
450
원격으로 한 달 일해보니
ridi
0
1.5k
리디북스 앱에 S Pen Remote 연동하기
ridi
2
2.7k
UI 라이브러리 개발기
ridi
1
2.6k
테스트 환경 개선하기
ridi
8
3.5k
추천 API 최적화하기
ridi
4
2.1k
Other Decks in Design
See All in Design
sachi_y_portfolio
sachi337
0
470
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
390
harutaka Vision Deck
zenkigenforrecruit
0
190
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.2k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.3k
Kid Cowboy 103
marilutwin
0
310
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
250
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
530
Bulletproof Design System with TypeScript
takanorip
6
3.9k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
470
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
70
11k
Practical Orchestrator
shlominoach
190
11k
KATA
mclloyd
32
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
770
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Gamification - CAS2011
davidbonilla
81
5.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
470
4 Signs Your Business is Dying
shpigford
184
22k
The Cult of Friendly URLs
andyhume
79
6.5k
Transcript
RIDI Design System SVG ICON DESIGN GUIDE UX Design, Oh
Namkyung
৵ ೞ ইਸ ݢ..? ৈ۞ ஹನքо חؘ..
ઁо ইী חؘਃ.
None
15
4 * White Black Blue Deep Blue 15
؊࢚ ۧѱ ࣽ হয!
Icon Font۽ ઁೞৈ ࢎਊ Ӓٺ… ѱ ۪٘যਃ
fontۢ ܙ ࣻ . fontۢ߆ী ޅ ܘ. ઁೞח Ҕ݃ ӝ৬
ৈߔ ܰ. ಕ ۽٬ ו۰ݶ ☐۽ ࠁৈ. ৈ۞ݺ زदী ߡ ҙܻೞӝী ਊೞ ঋ. ױ
ইפ ইب ॳҊ ҅द֎;
উ೧ਃ…. ಞೞҊ ೮؍ Ѫ…. ۨѢदо غҵਃ.
None
য়! Ӓېب ܻ٣ח icon font ীࢲ SVG۽ ജ
ӒܻҊ ইب ೞ ޅೠ icon font
None
None
Arrow8
ী…?
close_3 close_2 close_1 coin_2 coin_bold coin_1
close_2 close_3 close_1 coin_2 coin_bold coin_1
ౣܿহ ߭ఠੋؘ.. ٣ణ ೂചۄפ.. ӖӖ
ઁח ઁо ইী חؘਃযਃ.
৵ ۠ ޙઁо ࢤ҂חо
ੋ о٘о হ
झாੌ झఋੌ ܴ
24 x 24 Grid, 20 x 20 Work Area
Square Keyline
Circle Keyline
Horizontal Rectangle Keyline
Vertical Rectangle Keyline
Style Guide - Stroke
଼ী ୶о ଼ী ୶о ଼ী ୶о 1px stroke 2px stroke
3px stroke Default
Style Guide - Radius
Style Guide - Cutting
Style Guide - Alignment
ղࢲ ਘनрݽ ই Layout Guide
ղࢲ ਘनрݽ Layout Guide - Touch target
Plus Delete Naming Convention
TtsDisabled HeartFilled Naming Convention
PlusLight Plus PlusBold Naming Convention
None
None
ই ਤਗ
ઁ թ ੌ
Version Control
APP Icons PAPER Icons
Thank You UX Design, Oh Namkyung