이모지 아이콘을 걷어내는 밤티 탈출 무료 아이콘 사이트 모음
클로드에게 화면을 맡기면 아이콘 자리에 이모지가 들어가 화면이 싸 보이는 경우가 많습니다. 이 자료는 무료로 쓸 수 있는 아이콘 사이트 다섯 곳과, 이모지를 실제 아이콘 세트로 바꾸게 하는 프롬프트를 담았습니다.
Quick Start
클로드는 아이콘을 따로 정해 주지 않으면 ☕·🚀·✨ 같은 이모지로 아이콘 자리를 채우곤 합니다.
쓸 아이콘 세트 하나를 이름으로 정해 주면 화면 전체의 선 굵기와 모양이 한 가지로 맞춰집니다.
아래 다섯 곳은 모두 무료로 쓸 수 있는 오픈소스 아이콘입니다.
- STEP 1에서 만들 화면에 맞는 아이콘 세트를 고릅니다.
- STEP 2에서 세트 이름과 쓸 아이콘 이름을 확인합니다.
- STEP 3에서 프롬프트로 이모지를 그 세트로 바꾸게 합니다.
STEP 1 · 3분만들 화면에 맞는 아이콘 세트를 고른다
| 사이트 | 이럴 때 | 특징 |
|---|---|---|
| Lucide | 무난하고 깔끔한 기본 세트가 필요할 때 | 아이콘 1,856개(검색창 표시 기준). 색·크기·선 굵기를 바꿀 수 있음. ISC 라이선스 |
| Heroicons | 테일윈드 CSS로 만든 화면일 때 | Tailwind CSS 제작팀이 만든 316개. Outline·Solid·Mini·Micro 네 가지 스타일. MIT 라이선스 |
| Phosphor | 굵기를 화면 분위기에 맞추고 싶을 때 | 9,072개. Thin·Light·Regular·Bold·Fill·Duotone 여섯 굵기. MIT 라이선스 |
| Tabler Icons | 개수가 많고 상업용으로 쓸 세트가 필요할 때 | 6,220개. 무료 오픈소스 플랜에 MIT License·Personal & Commercial License 표기 |
| Iconify | 여러 세트를 한 번에 찾아보고 싶을 때 | 222개 아이콘 세트, 30만 개가 넘는 오픈소스 아이콘을 한곳에서 검색. 라이선스는 세트마다 다름 |
STEP 2 · 3분세트 이름과 아이콘 이름을 확인한다
사이트에서 필요한 아이콘을 검색하면 coffee, truck, shield-check처럼 영문 이름이 나옵니다.
이 이름을 두세 개만 적어 두면 클로드가 같은 세트에서 정확히 골라 씁니다.
Iconify에서 찾은 아이콘은 세트 이름과 라이선스를 함께 확인하세요.
STEP 3 · 5분프롬프트로 이모지를 아이콘 세트로 바꾼다
방금 만든 화면에서 이모지로 된 아이콘을 전부 Lucide 아이콘으로 바꿔줘. - 기능 카드: coffee, truck, leaf, star - 버튼 안 화살표: arrow-right 아이콘은 한 세트만 쓰고, 크기와 선 굵기(stroke width)는 화면 전체에서 똑같이 맞춰줘. 본문과 버튼 글자에는 이모지를 넣지 마.
성공하면 화면의 이모지가 사라지고, 같은 굵기의 선 아이콘으로 통일됩니다.
[우리 서비스 한 줄 설명]의 랜딩 페이지를 만들어줘. 아이콘은 Phosphor의 Regular 굵기만 쓰고, 이모지는 화면 어디에도 쓰지 마. 아이콘마다 어떤 이름을 썼는지 마지막에 목록으로 알려줘.
공식 참고 자료
- Lucide 공식 — 아이콘 검색
- Heroicons 공식 — Tailwind CSS 제작팀 아이콘
- Phosphor 공식 — 여섯 굵기 아이콘
- Tabler Icons 공식 — MIT 라이선스 아이콘
- Iconify 공식 — 아이콘 세트 통합 검색
함께 보면 좋은 글
이메일 남기고 전체 바로 보기