λ‘œλ”© μ€‘μž…λ‹ˆλ‹€.
λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈλ₯Ό μ†Œκ°œν•΄λ“œλ¦½λ‹ˆλ‹€. κ°œμΈμ΄λ‚˜ μƒμ—…μš© 무료 μ•„μ΄μ½˜μœΌλ‘œ μ‚¬μš©ν•  수 μžˆλŠ” μ‚¬μ΄νŠΈλ„ μžˆμ–΄μ„œ μ €λŠ” μ—¬κΈ°μ—μ„œ 무료 μ•„μ΄μ½˜μ„ λ‹€μš΄λ‘œλ“œν•΄μ„œ νšŒμ‚¬ ν™ˆνŽ˜μ΄μ§€μ— μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. μ „μ—λŠ” μΌλŸ¬μŠ€νŠΈμ—μ„œ 직접 폰트λ₯Ό κ·Έλ €μ„œ  png둜 μ €μž₯ν•΄μ„œ μ“°κ±°λ‚˜ svg둜 μ €μž₯ν•΄μ„œ μΌλŠ”λ°μš”. μ§€κΈˆμ€ κ·Έλƒ₯ 무료 μ•„μ΄μ½˜ μ‚¬μ΄νŠΈμ—μ„œ κ°€μ Έμ˜΅λ‹ˆλ‹€. 깨지지 μ•ŠλŠ” μ•„μ΄μ½˜μœΌλ‘œ svgλ₯Ό 주둜 μ΄μš©ν•©λ‹ˆλ‹€. μ œκ°€ μ΄μš©ν•˜λŠ” 무료 μ•„μ΄μ½˜ μ‚¬μ΄νŠΈμž…λ‹ˆλ‹€.

1. 폰트 어썸(font awesome)

κ°€μž₯ 많이 μ•Œκ³  κ³„μ‹€κ±°μ˜ˆμš”.

κ°€μž₯ ν™œμš©λ„κ°€ 높은 ν°νŠΈμ•„μ΄μ½˜ μ‚¬μ΄νŠΈμ£ .

ν•™μ›μ—μ„œλ„ 이 μ•„μ΄μ½˜ μ‚¬μ΄νŠΈλŠ” 빼놓지 μ•Šκ³  μ†Œκ°œν• κ±°μ—μš”.

λ¬΄λ£Œμ™€ 유료둜 λ‚˜λˆ μ ΈμžˆμŠ΅λ‹ˆλ‹€.

 

 

ν°νŠΈμ–΄μΈ - Font Awesome μ•„μ΄μ½˜ μ‚¬μš©λ²•

ν°νŠΈμ–΄μΈ(fontawesome)μ΄μš©ν•˜κΈ° ν°νŠΈμ–΄μΈ μ‚¬μš©λ²•μ— λŒ€ν•΄ μ•Œμ•„λ΄…λ‹ˆλ‹€. ν°νŠΈμ–΄μΈμ„ μ΄μš©ν•˜λ €λ©΄ cdn을 λ‹€μš΄λ‘œλ“œ λ°›μ•„μ•Ό ν•©λ‹ˆλ‹€. ν°νŠΈμ–΄μΈμ΄ μƒˆλ‘­κ²Œ μ—…κ·Έλ ˆμ΄λ“œ λ˜μ–΄μ„œ cdn ν˜•νƒœλ„ λ‹¬λΌμ‘ŒμŠ΅λ‹ˆλ‹€. ν°νŠΈμ–΄

amango.tistory.com

 

 

2. 이온 μ•„μ΄μ½˜ 무료 폰트 μ•„μ΄μ½˜ - iconicons

μ•„μ΄μ½˜μ€ svg ν˜•μ‹μ΄μ—μš”.

cdn을 μ΄μš©ν•΄μ£Όμ„Έμš”.
폰트 μ•„μ΄μ½˜ Outline, Filled, Sharp μ΄λ ‡κ²Œ 3가지 μ•„μ΄μ½˜ 폰트λ₯Ό 선택할 수 μžˆμ–΄μš”.

 

무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ
무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈλ¬΄λ£Œ μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈλ¬΄λ£Œ μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ

 

Ionicons: The premium icon pack for Ionic Framework

Ionicons is an open-sourced and MIT licensed icon pack.

ionic.io

 

 

3. 리믹슀 μ•„μ΄μ½˜ - remixicon

pngν˜•μ‹κ³Ό svgν˜•μ‹μ„ λ‹€μš΄λ‘œλ“œν•  수 있고, svgλ₯Ό  CDN으둜 λ§ν¬ν•΄μ„œ μ‚¬μš©ν•  수 μžˆμ–΄μš”.

μ•„μ΄μ½˜ μžμ²΄κ°€ κΉ”λ”ν•˜κ²Œ μƒκ²Όμ–΄μš”.
μ›ν•˜λŠ” 색깔과 폰트 μ‚¬μ΄μ¦ˆλ₯Ό μ„€μ •ν•  수 μžˆμ–΄μ„œ svgμ†ŒμŠ€μ—μ„œ μˆ˜μ •ν•  일 μ—†μ–΄μ„œ νŽΈν•΄μš”.

 

무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ
무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ

 

Remix Icon - Open source icon library

 

remixicon.com

 

 

4. ꡬ글 폰트 μ•„μ΄μ½˜

λ§Žμ΄λ“€ μ•Œκ³  κ³„μ‹œμ£ ^^

ꡬ글 μ•„μ΄μ½˜ ν°νŠΈλ„ ν™œμš©λ„κ°€ λ†’μŠ΅λ‹ˆλ‹€.
μ•„λ¬΄λž˜λ„ μ—¬λŸ¬κ°€μ§€λ‘œ 폰트 μ•„μ΄μ½˜μ„ λ³€κ²½ν•  수 μžˆκΈ°λ•Œλ¬Έμ΄μ—μš”.

μ•„μ΄μ½˜κ³Ό λ‘œκ³ κ°€ λ”°λ‘œ λΆ„λ¦¬λ˜μ–΄ μžˆμ–΄μ„œ μ‰½κ²Œ μ°Ύμ•„λ³Ό 수 μžˆμ–΄μš”.
ν¬κΈ°λ‚˜ 폰트 μ‚¬μ΄νŠΈ νˆ¬ν†€μ»¬λŸ¬λ‘œ μ•„μ΄μ½˜μ΄ κ°€λŠ₯ν•˜μ£ .
νˆ¬ν†€μ»¬λŸ¬λŠ” 흰색과 κ²€μ •μƒ‰λ§Œ κ°€λŠ₯ν•΄μ„œ μ•„μ‰½μ§€λ§Œ κ·Έλž˜λ„ μ’‹μ•„μš”.


λ”μš± 쒋은 점은 μ•„μ΄μ½˜ 폰트의 ν…Œλ‘λ¦¬ μ‚¬μ΄μ¦ˆμΈλ°μš”,
이게 쑰절이 κ°€λŠ₯ν•΄μš”.(였λ₯Έμͺ½ νŒ¨λ„μ—μ„œ μ‘°μ ˆκ°€λŠ₯)
폰트 어썸에선 νˆ¬ν†€κ³Ό ν…Œλ‘λ¦¬ 얇은 μ•„μ΄μ½˜ ν°νŠΈλŠ” 유료인데 μ—¬κΈ΄ 무료~

 

무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ

 

Material Symbols and Icons - Google Fonts

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

fonts.google.com

 

 

5. μ—‘μŠ€μ΄ μ•„μ΄μ½˜ - XEicon

사싀 μ—¬κΈ°λŠ” μ²˜μŒλ³΄λŠ” λ¬΄λ£Œμ•„μ΄μ½˜ μ‚¬μ΄νŠΈμ—μš”.

XEλ³΄λ“œ νšŒμ‚¬μ—μ„œ λ§Œλ“€μ—ˆλ‚˜λ΄…λ‹ˆλ‹€.

Copyrightκ°€ naver둜 λ˜μ–΄ μžˆλ„€μš”.

λ‹€λ₯Έ 곳처럼 cdn을 μ΄μš©ν•  수 μžˆμ–΄μš”.

직선 λŠλ‚Œμ˜ κΉ”λ”ν•œ μ•„μ΄μ½˜μ΄μ˜ˆμš”.
λ‹€λ₯Έ 곳보닀 μ•„μ΄μ½˜μ΄ 크게 λ³΄μ—¬μ„œ 눈이 λ‹€ μ‹œμ›ν•΄μš”.

 

무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ
무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ

 

XEIcon, 문자λ₯Ό 그리닀

XEICon은 μ›Ήμ‚¬μ΄νŠΈ μ œμž‘μ— μ΅œμ ν™”λœ 벑터 κ·Έλž˜ν”½ μ•„μ΄μ½˜ νˆ΄ν‚·μž…λ‹ˆλ‹€. μ—¬λŸ¬λΆ„μ˜ 아름닡고 직관적인 μ›ΉνŽ˜μ΄μ§€ μ œμž‘μ„ λ•μŠ΅λ‹ˆλ‹€.

xpressengine.github.io

 

 

6. λΆ€μŠ€νŠΈλž© μ•„μ΄μ½˜

ν•˜λ‚˜λ” μΆ”κ°€ν•΄ λ³Όκ²Œμš”.
λΆ€μŠ€νŠΈλž© μ•„μ΄μ½˜μž…λ‹ˆλ‹€.
λ¬΄λ£Œμ΄μš©μž…λ‹ˆλ‹€.

λ‹€μš΄λ‘œλ“œν•΄μ„œ μ„œλ²„μ— 넣을 μˆ˜λ„ 있고, μ›Ή 링크(CDN)도 ν•  수 있고, SVG둜 λ‹€μš΄λ‘œλ“œ 받을 수 μžˆμ–΄μš”. κΌ­ Fontawesome κ°™λ„€μš”.
λ©”μΈνŽ˜μ΄μ§€μ— 컴파일 css와 js κ°€ 잘 μ„€λͺ…λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

 

무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ
무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ
무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ
무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ

 

Bootstrap Icons

Official open source SVG icon library for Bootstrap

icons.getbootstrap.com

 

 

7. iconsvg - w3 μ•„μ΄μ½˜

μ§€κΈˆμ€ 퍼블리싱이 주업무가 μ•„λ‹ˆμ§€λ§Œ, ν•΄μ™Έ λ™λ£Œλ“€μ΄ λ§Œλ“€μ–΄λ†“μ€ μ›ΉνŽ˜μ΄μ§€λ₯Ό μˆ˜μ •ν•  λ•Œκ°€ μžˆμ–΄μš”.
맀번 이 μ•„μ΄μ½˜μ΄ 어디것인지 λ¬Όμ–΄λ³Έλ‹€ν•˜λ‹€κ°€ μ΄λ²ˆμ— μ•Œμ•„λƒˆλ„€μš”.
μ•„μ΄μ½˜ 폰트 링크에 "https://www.w3.org/2000/svg" μ΄κ²Œ μ“°μ—¬ μžˆμ–΄μš”.
λ¬Όμ–΄λ³΄λ‹ˆ "ICONSVG" μ•„μ΄μ½˜ ν°νŠΈμž…λ‹ˆλ‹€.

μ—¬κΈ°λŠ” outlineκ³Ό λΈŒλžœλ“œ 둜고λ₯Ό 무료둜 λ‹€μš΄λ‘œλ“œ 받을 수 μžˆμ–΄μš”.
폰트 μ•„μ΄μ½˜ μ‚¬μ΄μ¦ˆμ™€ 색깔, μ„ λ‘κ»˜λ₯Ό μ‘°μ ˆν•  수 μžˆμ–΄μš”.
또 ν•˜λ‚˜μ˜ νŠΉμ§•μ€ μ„  λ§ˆμ§€λ§‰ λΆ€λΆ„ μ²˜λ¦¬λ„ 선택할 수 μžˆμ–΄μ„œ μ’‹μ•„μš”.
μΌλŸ¬μŠ€νŠΈλ ˆμ΄ν„° μ„ μ²˜λ¦¬μ™€ κ°™λ„€μš”.
λ‹€λ§Œ μ—¬κΈ°μ—μ„œλŠ” Tritone μ•„μ΄μ½˜ 3가지 μƒ‰μƒμ˜ μ•„μ΄μ½˜μ€ μœ λ£Œμ˜ˆμš”. $6.00ν•˜λ„€μš”.

무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ

 

Find, customize & generate common SVG icons for your project

Simple tool to find, customize and generate common SVG icons for your project

iconsvg.xyz

8. icons8.com

ν”Όν¬λ§ˆ(figma) ν”ŒλŸ¬κ·ΈμΈμœΌλ‘œλ„ μ“°μž…λ‹ˆλ‹€.

 

Download 1,343,400 free icons (SVG, PNG)

Pixel-perfect Scalable, responsive, looking sharp and crisp on different devices

icons8.com

ν•¨κ»˜ 보면 쒋은 κΈ€

 

νŒŒλΉ„μ½˜ λ§Œλ“€κΈ°, ico 파일 생성 μ‚¬μ΄νŠΈ 이용

νŒŒλΉ„μ½˜μ€ μ›ΉλΈŒλΌμš°μ €μ—μ„œ λ³΄μ—¬μ§€λŠ” μž‘μ€ μ•„μ΄μ½˜μœΌλ‘œ μ±…κ°ˆν”Όμ—­ν• μ„ ν•©λ‹ˆλ‹€. 수 μ‹­κ°œκ°€ μ—΄λ €μžˆλŠ” λΈŒλΌμš°μ € νƒ­μ—μ„œ μ‰½κ²Œ 찾을 수 있으며 μ‚¬μ΄νŠΈμ˜ 아이덴티티 역할도 ν•΄μ€λ‹ˆλ‹€. ν¬ν† μƒ΅μ—μ„œ νŒŒλΉ„

amango.tistory.com

 

어도비 XDλ₯Ό 무료둜 μ΄μš©ν•  수 μžˆλ„€μš”.

어도비 XDλ₯Ό 무료둜 μ΄μš©ν•  수 μžˆλ„€μš”. μ›Ήλ””μžμΈ 특히, λͺ¨λ°”μΌλ””μžμΈμ€ μ–΄λ–€ κ²ƒμœΌλ‘œ ν•˜μ„Έμš”? μ €λŠ” 어도비 xdλ₯Ό μ•ŒκΈ° 전에 ν¬ν† μƒ΅μœΌλ‘œ ν–ˆμ—ˆλŠ”λ°μš”, ν¬ν† μƒ΅μœΌλ‘œ ν•˜λ‹€λ³΄λ‹ˆ ν†€μ•€λ§€λ„ˆλ₯Ό λ§žμΆ”κΈ°κ°€

amango.tistory.com

무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ
무료 μ•„μ΄μ½˜ 폰트 μ‚¬μ΄νŠΈ