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.6k
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.1k
빠르게 훑어보는 리디페이 백엔드 개발기
ridi
2
5k
Next.js는 정말 zero config였다.
ridi
0
2k
3일 걸릴 것 같던 구매목록 다운로드는 왜 3주가 걸렸을까?
ridi
0
400
원격으로 한 달 일해보니
ridi
0
1.4k
리디북스 앱에 S Pen Remote 연동하기
ridi
2
2.6k
UI 라이브러리 개발기
ridi
1
2.5k
테스트 환경 개선하기
ridi
8
3.4k
추천 API 최적화하기
ridi
4
2k
Other Decks in Design
See All in Design
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
430
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
110
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
680
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.4k
横断組織デザイナーの働き方
mixi_design
PRO
0
330
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
870
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
210
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
66k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
240
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.9k
NAHO SHIMONO_Portfolio2025
nahohphp
0
120
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Become a Pro
speakerdeck
PRO
26
5.1k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Unsuck your backbone
ammeep
669
57k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
A Tale of Four Properties
chriscoyier
158
23k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
A designer walks into a library…
pauljervisheath
205
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Building Applications with DynamoDB
mza
93
6.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
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