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
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
270
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.3k
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
680
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
230
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
780
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
セブンデックス カルチャーブック
sevendex
0
1.7k
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
180
Featured
See All Featured
Faster Mobile Websites
deanohume
306
31k
Writing Fast Ruby
sferik
628
61k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Scaling GitHub
holman
459
140k
Facilitating Awesome Meetings
lara
51
6.2k
Building an army of robots
kneath
302
45k
How to train your dragon (web standard)
notwaldorf
90
5.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.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