Icon
컴퓨터 디스플레이에서 아이콘(icon, 문화어: 그림기호)은 조그마한 픽토그램이다. 아이콘은 컴퓨터의 일반 문자와 숫자를 모두 처리할 수 있다. 현대의 컴퓨터는 이제 디스플레이 터미널에서 비트맵 그래픽을 관리할 수 있게 되어, 아이콘은 사용자를 돕는 데 널리 쓰이게 되었다.
Categories
- OpenMoji - 디자이너/개발자를 위한 오픈소스 이모지
- Health icons - 오픈소스 헬스 아이콘
- Tabler icons - Tabler 아이콘
- Ionicons - Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere
- Heroicons - Tailwind 에서 만든 아이콘.
- Simple Icons - 유명 브랜드 로고 SVG 아이콘 모음
- Iconhunt - 15만개의 무료/오픈소스 아이콘 검색엔진
- Iconoir - 오픈소스 SVG 아이콘 라이브러리
- Reshot - 무료 아이콘 & 일러스트 모음
- Icônes - 빠른 퍼지 검색을 지원하는 아이콘 탐색기
- Iconify 가 호스팅하는 15만개 이상의 오픈소스 아이콘들을 편한 인터페이스로 구성하여 검색 가능
- Icon-font 로 패키징 지원 (SVG Packer)
그 밖의 아이콘
iPhone icon design
Android icon design
메일 내용:
어제 말한 적응형 아이콘(adaptive icon)에 필요한 이미지 크기는 다음과 같습니다.
* 512x512, 432x432 크기의 아이콘 이미지 (두벌)
* 512x512, 432x432 크기의 배경 이미지 (두벌)
아트워크를 만들 때는 다음을 준수해야 합니다.
* 형식: 32비트 PNG
* 색상 공간: sRGB
* 최대 파일 크기: 1,024KB
* 모양: 정사각형 – Google Play에서 동적으로 마스킹을 처리합니다. 반지름은 아이콘 크기의 20%로 설정됩니다.
* 그림자: 없음 – Google Play에서 그림자를 동적으로 처리합니다.
안드로이드 이미지 아이콘 디자인시 주의 사항은 다음 링크를 확인해 주세요.
Google Play 아이콘 디자인 사양:
https://developer.android.com/google-play/resources/icon-design-specifications?hl=ko
적응형 아이콘:
https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive?hl=ko
참고로, 432x432 크기는 godot 엔진에 필요한 아이콘 사양. Godot:Export:Android 항목 참조.
See also
Favorite site
- Wikipedia (en) Icon (computing)
- [추천] Icônes - 빠른 퍼지 검색을 지원하는 아이콘 탐색기
- Iconify 가 호스팅하는 15만개 이상의 오픈소스 아이콘들을 편한 인터페이스로 구성하여 검색 가능
- 133개 아이콘셋 별 보기 및 퍼지 검색 지원
- Bag 기능으로 원하는 SVG 아이콘들만 선택해서 Icon-font 로 패키징 지원(SVG Packer)
- SVG 직접 다운로드 가능
- 1800 Free Minimal Icons
- 라이센스와 관련해 개인 및 프로젝트에서 사용하는 것은 평생 무료이다. 단 개인 웹사이트를 통해 아이콘 패키지를 배포하는 행위는 금지하고 있고, 저작권에 저촉될 수 있음을 고지하고 있다.
- Download: 1800_Icon_Pack_-_20x20.zip
- Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
- React, Vue 용 컴포넌트 및 SVG/PNG 로 제공
- TikTok을 만든 Bytedance 가 만든 아이콘팩, Apache-2.0 라이센스
- 멀티 테마 지원 : Outline, Filled, Two-Tone, Multi-Color
- 사이즈 및 각 색상들 별도로 설정 가능
-
camera theme="multi-color" size="32" fill={['#333' ,'#2F88FF' ,'#FFF' ,'#43CCF8']}
- 테마 편집용 웹사이트 지원