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
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
190
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
110
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
490
LLMによるRAG評価用合成テストデータの生成
licux
6
660
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
230
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
250
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
320
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
Featured
See All Featured
Writing Fast Ruby
sferik
628
61k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Building an army of robots
kneath
302
45k
Six Lessons from altMBA
skipperchong
27
3.6k
Code Reviewing Like a Champion
maltzj
521
39k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Side Projects
sachag
452
42k
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