SVG Repo
svgrepo.com발표나 웹 화면에 넣을 벡터 아이콘을 찾는 사람을 위한 검색 자료실입니다. 선형과 채움형 등 컬렉션을 비교하고 필요한 SVG를 골라 화면의 의미와 스타일을 맞출 수 있습니다.
영어 · 디자인 리소스바로가기
디자인 리소스
디자인 리소스 사이트모음
아이콘과 글꼴, 색 조합처럼 화면의 기본 재료를 찾는 목록입니다. 디자인을 가져오기 전에 파일 형식과 적용 범위, 원작자의 이용 조건을 확인하세요.
필요한 재료와 형식 정하기
아이콘을 찾기 전에 화면에서 쓰일 크기와 선의 두께, 채움 여부를 정해 두면 후보가 빠르게 줄어듭니다. 색상 수정이 필요한 그림은 편집 가능한 형식을, 단순 미리보기에는 바로 표시되는 형식을 우선 살펴보세요. 글꼴은 제목용인지 긴 본문용인지에 따라 확인해야 할 문자와 굵기가 달라집니다.
목록에는 아이콘 모음, 공개 글꼴, 색 조합과 배경 생성기가 함께 있습니다. 완성된 화면을 그대로 가져오는 서비스와 디자인의 재료를 제공하는 서비스는 구분해서 보세요. 파일을 받기 전에 실제 사용하는 디자인 도구나 웹 환경에서 지원하는 형식인지 확인하면 변환 작업을 줄일 수 있습니다.
일관성을 먼저 확인하기
여러 출처의 아이콘을 섞으면 같은 크기로 배치해도 시각적인 무게가 달라질 수 있습니다. 가능하면 한 계열 안에서 필요한 개수를 확보하고, 부족한 항목만 별도로 보완하세요. 시안에 실제 버튼 문구와 긴 제목을 넣어 보면 아이콘과 글꼴이 함께 어울리는지 더 정확하게 판단할 수 있습니다.
색 팔레트는 출발점이지 모든 화면에서 읽기 좋다는 보증은 아닙니다. 밝은 배경과 어두운 배경에 각각 글자와 버튼을 올려 확인하세요. 글꼴도 한글·영문·숫자·기호를 함께 시험해야 합니다. 예시 이미지의 짧은 문장만 보고 결정하면 실제 콘텐츠에서 줄바꿈이나 글자 폭이 달라질 수 있습니다.
다운로드와 사용 허락 구분하기
무료 다운로드가 상업적 사용이나 수정·재배포를 모두 허용한다는 뜻은 아닙니다. 리소스별 이용 조건과 출처 표기 요구를 확인하고, 사용한 파일의 이름과 라이선스 안내 링크를 프로젝트 기록에 남기세요. 브랜드 아이콘은 파일 이용 조건 외에 해당 브랜드의 사용 지침을 따로 확인하는 것이 좋습니다.
글꼴을 이미지에 쓰는 경우와 웹사이트에 파일로 포함하는 경우의 조건이 같은지도 살펴보세요. 외부 호스팅 글꼴을 연결할지 직접 배포할지는 프로젝트 운영 방식과 함께 결정해야 합니다. 최종 결과물에 쓰기 전에는 필요한 굵기와 문자 범위, 파일 크기, 팀원의 편집 환경까지 함께 점검하세요.
디자인 리소스 자주 묻는 질문
무료 아이콘이면 출처 표기를 생략해도 되나요?
리소스마다 조건이 다릅니다. 무료라는 표시만으로 판단하지 말고 해당 파일이나 아이콘 세트의 라이선스를 확인하세요. 표기 의무가 있다면 배포 화면과 문서 중 어디에 어떤 내용을 넣어야 하는지도 확인하는 편이 좋습니다.
영문 예시가 예쁜 글꼴을 한국어 화면에도 바로 써도 되나요?
한글을 지원하는지 먼저 확인하세요. 지원하지 않는 문자는 다른 글꼴로 표시될 수 있으므로 실제 한국어 문장과 숫자, 버튼 문구를 넣어 비교해야 합니다. 본문에서는 긴 문장의 읽기 편한 정도도 함께 살펴보세요.