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
2.9k
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
2k
빠르게 훑어보는 리디페이 백엔드 개발기
ridi
2
4.7k
Next.js는 정말 zero config였다.
ridi
0
1.8k
3일 걸릴 것 같던 구매목록 다운로드는 왜 3주가 걸렸을까?
ridi
0
310
원격으로 한 달 일해보니
ridi
0
1.3k
리디북스 앱에 S Pen Remote 연동하기
ridi
2
2.4k
UI 라이브러리 개발기
ridi
1
2.2k
테스트 환경 개선하기
ridi
8
3.1k
추천 API 최적화하기
ridi
4
1.8k
Other Decks in Design
See All in Design
ウェブディレクターを救うBacklog
wattlaa
0
250
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
250
Design Leadership in Challenging Times
morganepeng
3
280
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
0
150
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
820
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
moriyuya
23
2.1k
UIをもたらすコンテクストの考察
securecat
8
2.4k
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
520
Wishing Star Comic
torije
1
1.1k
あらゆる場面でデザインを駆使するための技術 / Techniques for Applying Design in Any Situation
akiramotomura
4
2.1k
1人歩きする営業資料作成
yutoshukuya
0
110
Featured
See All Featured
Become a Pro
speakerdeck
PRO
8
4.4k
Typedesign – Prime Four
hannesfritz
36
2k
Thoughts on Productivity
jonyablonski
57
3.8k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
Fireside Chat
paigeccino
19
2.6k
Building an army of robots
kneath
300
41k
Producing Creativity
orderedlist
PRO
335
39k
The Language of Interfaces
destraynor
150
23k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
How to train your dragon (web standard)
notwaldorf
71
5.1k
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