집(홈 아이콘) 무료 아이콘 | 무료 소재

웹사이트의 원점, ‘집(홈)’ 무료 소재

세모 지붕의 심플한 집을 그린, 정통적인 일러스트 아이콘입니다. 웹 브라우저나 앱 UI에서 ‘홈(첫 화면)’이나 ‘메인 페이지’를 의미하는 세계 공통 심볼로 정착되어 있습니다. 사용자가 사이트 내에서 길을 잃었을 때, 클릭 한 번으로 시작 지점으로 돌아갈 수 있는 ‘안심감’을 제공하는, 내비게이션의 핵심이 되는 아이콘입니다.

구체적인 사용 장면과 용도 제안

이 아이콘은, UI 파츠로서의 기능성은 물론, 주거에 관한 비즈니스의 상징으로도 폭넓게 이용할 수 있습니다.

• 빵 부스러기 리스트(Breadcrumb)의 ‘선두’ 아이콘으로
  웹 페이지의 계층 구조를 보여주는 빵 부스러기 리스트에서, 가장 왼쪽의 ‘메인 페이지’를 나타내는 문자 대신 사용. 텍스트로 ‘TOP’이라고 쓰는 것보다 공간을 절약하며, 직관적으로 계층의 기점임을 전달합니다.
• 스마트폰 메뉴/앱의 ‘홈 버튼’으로
  화면 하단의 푸터 메뉴(탭 바)에서, 메인 화면으로 돌아가기 위한 버튼으로 사용. 검색이나 설정 등 다른 기능과 나란히 두었을 때, 가장 기본적이고 중요한 포지션을 담당합니다.
• 부동산/건축 사이트의 ‘매물’ 이미지에
  ‘신축 단독 주택’이나 ‘임대 매물’을 소개하는 카테고리 아이콘으로 사용. 아파트나 빌딩과 구별하여, ‘단독 주택’이나 ‘마이 홈’의 따뜻함을 표현하고 싶은 경우에 적합합니다.
• 지도 앱/오시는 길 지도의 ‘우리 집’ 등록에
  내비게이션 앱 등에서, ‘우리 집’이나 ‘거점’을 등록할 때의 마커로 사용. 직장(가방 등의 아이콘)과 대비시킴으로써, 사적인 공간임을 나타냅니다.
• 재택근무/텔레워크의 ‘상태’ 표시에
  채팅 툴이나 캘린더에서, 오늘의 근무 장소가 사무실이 아닌 ‘자택(재택근무)’임을 알리는 상태 아이콘으로 이용할 수 있습니다.

편집 요령과 EPS 형식의 장점

배포 파일에는, 웹 제작에 편리한 PNG, SVG 형식 외에, DTP 디자인이나 고도 편집에 적합한 벡터 데이터인 EPS 형식도 동봉하고 있습니다.

EPS 형식이라면, 일러스트레이터 등의 소프트웨어를 사용하여, 지붕 색을 ‘빨강’이나 ‘파랑’으로 변경해 귀엽게 만들거나, 굴뚝을 그려 넣어 유럽풍으로 만드는 등의 어레인지가 가능합니다. 또한, 창문 부분을 채워 실루엣으로 만들면, 보다 미니멀하고 모던한 UI 디자인에도 잘 어울립니다.

관련 키워드

집, 홈, Home, 홈페이지, 메인 페이지, 주택, 부동산, 주거, 건축, 마이 홈, 단독 주택, 빵 부스러기 리스트, 아이콘, House、Real estate、Building