ELEMENTOR용 아이콘 라이브러리

Elementor 아이콘 라이브러리: 8 개의 추가 아이콘 팩, 5,300+ 아이콘

마스터 애드온은 Elementor 의 자체 아이콘 피커에 8 개의 아이콘 팩을 추가합니다: Elementor 아이콘 (에이콘), Google Material 아이콘,리믹스 아이콘,깃털 아이콘,리니어리콘, Simple Line 아이콘,iconmonstr 의 아이코닉 글꼴 및 Teenyicons 아이콘 필드가 있는 모든 위젯에서 선택할 수 있는 5,344 개의 아이콘입니다.

내 라이브러리 아래에 나열된 8개의 마스터 애드온 아이콘 팩이 있는 Elementor 아이콘 라이브러리 팝업, 각 팩의 아이콘 수를 보여주는 카드 옆

▶ 35 초 설정 동영상 보기

당신이 얻는 것

모든 Elementor 아이콘이 하나의 피커에 담겨 있습니다

Elementor 의 아이콘 피커는 세 세트의 Font Awesome 과 함께 제공됩니다: 일반,솔리드 및 브랜드. 마스터 애드온은 동일한 팝업에 8 개의 팩을 더 추가합니다. 각 팩은 작은 “M”배지가 표시된 내 라이브러리 아래에 자체 탭을 얻습니다.

아무것도 다운로드하거나 ZIP 파일을 업로드하지 않으며,배울 아이콘 위젯이 따로 없습니다. Elementor 의 아이콘,아이콘 상자,아이콘 목록,버튼 및 소셜 아이콘 위젯을 지금처럼 계속 사용하세요. 팝업의 검색 상자는 스위치를 켠 모든 팩을 살펴봅니다.

여러 아이콘 팩의 일치 항목과 함께 모든 아이콘 보기에서 로켓에 대한 검색 결과입니다
팩

8개의 아이콘 팩과 각 아이콘의 수

숫자는 각 팩의 피커 탭에 있는 아이콘입니다. 함께 Elementor 에 5,344 개의 아이콘을 추가합니다.

팩아이콘스타일좋은
리믹스 아이콘 (프로)2,271선과 채우기 쌍메뉴, 호버 및 활성 상태, 대시보드
Google 소재 아이콘1,144채워진인터페이스 작업 및 앱 스타일 사이트 지우기
십대 아이콘 (프로)600작고 최소한의 윤곽컴팩트한 메뉴, 라벨 및 밀집된 레이아웃
엘리멘터 아이콘 (eicons)398Elementor의 인터페이스 글리프매칭 엘리멘터만의 모습
아이코닉 글꼴 (iconmonstr)300단단한화살표, 간병인 및 일상 상징
깃털 아이콘 (프로)272라이트 라인, 둥근 끝깨끗하고 현대적인 인터페이스
간단한 라인 아이콘189얇은 라인최소 및 포트폴리오 사이트
리니어리콘170라인비즈니스 및 서비스 사이트
합계5,344Font Awesome은 8개 팩 모두 옆에 계속 사용할 수 있습니다

아이콘 수는 Master Addon 3.2의 팩 파일에서 가져온 것입니다.

찾아보기

각 아이콘 팩을 살펴보세요

각 팩의 샘플을 동일한 색상과 크기로 렌더링하므로 스타일을 나란히 비교할 수 있습니다.

집, 사용자, 하트, 장바구니를 포함한 리믹스 아이콘 팩의 16개 샘플 아이콘입니다

리믹스 아이콘 (Pro)

2,271개의 아이콘 · 선 + 채우기 · 리믹스

가장 큰 팩. 대부분의 모양은 두 번 온다: a -line 버전과 a -fill 버전이므로 아이콘은 호버링 시 윤곽선에서 솔리드로 전환하거나 활성 메뉴 항목을 표시할 수 있습니다.

선과 채우기 쌍으로 표시되는 6 개의 리믹스 아이콘 모양: 홈, 하트, 별, 북마크, 알림 및 채팅
집, 별, 클라우드 및 설정을 포함한 Google Material Icons의 16개 샘플 아이콘입니다

Google 소재 아이콘

1,144개의 아이콘 · 채워진 · 재료 디자인

채워진 머티리얼 디자인 스타일의 Google 의 머티리얼 아이콘. 세트는 경고,미디어 컨트롤,상거래 및 Android 및 Google 앱에서 사람들이 알고있는 일상적인 작업을 다룹니다.

각 아이콘을 한눈에 액션으로 읽어야 하는 앱과 유사한 사이트에 적합합니다.

집, 카트, 종, 지구본을 포함하여 Teenyicons 팩의 16개 샘플 아이콘입니다

티니콘(pro)

600 아이콘 · 작은 윤곽

작은 크기에서 선명하게 유지되도록 설계된 작고 최소한의 윤곽선 아이콘입니다.

사이드바, 테이블, 배지 및 아이콘이 13 또는 14px 텍스트 옆에 있는 모든 지점에 맞습니다.

하트, 카트, 코드 및 Elementor 로고를 포함하여 Elementor 아이콘(에이콘)의 16개 샘플 아이콘입니다

엘리멘터 아이콘 (eicons)

398 아이콘 · 엘리멘터 UI

Elementor 의 자체 아이콘 글꼴,편집기가 텍스트 서식 지정,레이아웃 및 위젯 기호에 사용하는 글리프. Elementor 의 기본 선택기는 eicons 를 나열하지 않습니다. Master Addon 은 선택할 수있는 탭으로 398 을 모두 추가합니다.

Elementor 인터페이스와 일치해야 하는 튜토리얼 및 대행사 사이트에서 편리합니다.

집, 사용자, 로켓, 지구본을 포함하여 iconmonstr의 Iconic 글꼴에 포함된 16개의 샘플 아이콘입니다

아이코닉 글꼴 (iconmonstr)

300 아이콘 · 솔리드 · by iconmonstr

Iconmonstr 가 설정한 Iconic Font. 이것은 Ionicons 와는 다른 라이브러리입니다. 그것의 큰 부분은 일반 버전과 원 버전의 화살표,각도 및 carets 입니다.

대담하고 견고한 모양이 필요한 버튼, 슬라이더 및 탐색 화살표에 사용하십시오.

집, 카메라, 지도, 레이어를 포함한 깃털 아이콘의 16개 샘플 아이콘입니다

깃털 아이콘 (Pro)

272 아이콘 · 24 px 그리드 · 라이트 라인

가볍고 균일한 스트로크와 둥근 끝이 있는 24px 그리드에 그려진 아이콘입니다.

가벼운 스트로크 슈트 기능 목록, 가격표 및 탐색 메뉴.

집, 사용자, 로켓 및 트로피를 포함한 Simple Line 아이콘의 16개 샘플 아이콘입니다

간단한 라인 아이콘

189 아이콘 · 얇은 선

사람, 전화, 지도, 탐색 및 기타 일상적인 기호에 대한 얇은 윤곽선 아이콘입니다.

무거운 아이콘이 너무 많은 관심을 끌 수 있는 미니멀 및 포트폴리오 레이아웃을 위해 선택하세요.

집, 카트, 클라우드, 선물 등 리니어리콘의 16개 샘플 아이콘입니다

리니어리콘

170 아이콘 · 라인

집, 구름, 자물쇠, 톱니바퀴, 하트 등 리니어리콘의 선 아이콘입니다.

그것은 서비스 목록 및 비즈니스 사이트의 연락처 섹션에 잘 작동합니다.

설정

Elementor 에 아이콘을 더 추가하는 방법 (3 단계)

1 분 정도 걸립니다. 전체 내용은 에 있습니다 아이콘 라이브러리 문서.

단계 1

원하는 팩을 켜십시오

마스터 애드온 > 설정 > 확장으로 이동하여 아이콘 라이브러리 필터를 클릭합니다. 각 팩에는 자체 스위치가 있으며,모두 활성화는 모든 팩을 한 번에 켭니다. 변경 사항 저장 을 클릭합니다.

마스터 애드온 확장 탭이 아이콘 라이브러리로 필터링되어 8개의 아이콘 팩 모두에 대한 스위치를 표시합니다
단계 2

Elementor 에서 아이콘 필드를 엽니다

아이콘,아이콘 상자,아이콘 목록,버튼 또는 아이콘이 있는 기타 위젯을 추가합니다. 콘텐츠 탭에서 아이콘 미리보기 위로 마우스를 가져가 아이콘 보관함을 클릭합니다.

아이콘 미리보기에서 아이콘 라이브러리 버튼이 강조 표시된 Elementor 아이콘 위젯 패널입니다
단계 3

팩을 선택하거나 검색한 다음 삽입하세요

새 팩은 내 라이브러리 아래에 있습니다. 팩을 클릭하여 찾아보거나 이름으로 필터링 을 입력하여 모든 팩을 한 번에 검색합니다. 아이콘을 선택하고 삽입 을 클릭합니다.

삽입 버튼이 강조 표시된 아이콘 라이브러리 팝업에서 리믹스 로켓 아이콘이 선택되었습니다
호환성

모든 Elementor 아이콘 필드에서 작동합니다

팩은 Elementor의 표준 아이콘 라이브러리 팝업에 연결되므로 해당 팝업이 열리는 곳마다 표시됩니다:

위젯 빌더의 아이콘 컨트롤은 동일한 팩을 사용하므로 사용자 정의 위젯도 해당 팩을 가져옵니다. 참조 위젯 빌더의 아이콘 제어.

색상, 크기, 회전 및 호버 색상은 각 위젯의 스타일 탭에서 나오며, 글꼴 멋진 아이콘에 이미 사용하는 것과 동일한 컨트롤입니다.

아이콘 섹션이 있는 아이콘 상자 스타일 탭은 8개 팩을 각각 사용하는 아이콘 상자 옆에 열려 있습니다
성능

사용하는 팩만 로드하세요

사이트에 필요한 팩을 유지하고 나머지는 꺼두십시오.

팩 당 1 개의 스위치

팩을 끄면 탭에서 아이콘 라이브러리 팝업이 남습니다. 해당 글꼴 파일은 편집기에서 로딩을 중지합니다.

미디어 라이브러리에 추가된 것이 없습니다

팩은 아이콘 글꼴이므로 각 아이콘은 단일 <i> 태그이며 미디어 라이브러리는 그대로 유지됩니다.

검색할 더 짧은 목록입니다

검색 및 모든 아이콘 보기에는 전환한 팩만 포함되어 있어 결과가 짧게 유지됩니다.

비교하기

마스터 애드온 아이콘 라이브러리 vs Elementor 의 내장 아이콘 vs 사용자 지정 아이콘

Elementor에 아이콘을 가져오는 세 가지 방법과 각 아이콘이 제공하는 내용.

Elementor 내장Elementor Pro 사용자 정의 아이콘마스터 애드온 아이콘 라이브러리
아이콘 세트글꼴 멋진 일반, 솔리드 및 브랜드업로드하는 모든 세트글꼴 멋진 플러스 8 팩
사용할 준비가 된 아이콘글꼴 Awesome only세트를 업로드하기 전까지는 없음5,344개 더
Fontello, IcoMoon 또는 Fontastic의 ZIP이 필요합니다아니요예아니요
피커에 에이콘스아니요아니요네, 398개의 아이콘입니다
세트 켜기 및 끄기아니요업로드된 세트를 삭제합니다팩 당 1 개의 스위치
세트 전체에서 검색예예예, 한 번에 모든 팩

브랜드 고유의 아이콘 글꼴이 필요하십니까? Elementor Pro 의 사용자 지정 아이콘으로 업로드하세요. 마스터 애드온 팩 옆의 내 라이브러리 아래에 표시됩니다.

사용 중

실제 레이아웃의 아이콘 팩

각각 하나의 팩으로 구성된 4개의 예제 섹션으로 페이지에서 스타일이 어떻게 보이는지 보여줍니다.

각각 리믹스 아이콘 라인 아이콘을 사용하는 6개의 카드가 있는 기능 그리드의 예입니다
리믹스 아이콘 라인 아이콘이 있는 기능 그리드입니다
깃털 체크와 크로스 아이콘을 사용하는 두 가지 계획이 포함된 가격표 예시입니다
깃털 아이콘이 있는 가격표
Google Material Icons의 전화, 이메일, 지도 및 시계 아이콘이 포함된 연락처 섹션의 예입니다
Google Material Icons의 연락처 섹션
Teenyicons를 사용한 컴팩트한 사이드바 메뉴와 통계가 포함된 대시보드의 예입니다
Teenyicons가 포함된 컴팩트한 사이드바 메뉴

Elementor Icon Library에 대해 자주 묻는 질문입니다

사용자가 Icon Library 에 대해 가장 많이 묻는 쿼리를 알아보고 한 곳에서 답변을 찾으십시오.
Elementor 에 아이콘을 더 추가하려면 어떻게 해야 하나요?

마스터 애드온을 설치하고 마스터 애드온 > 설정 > 확장 > 아이콘 라이브러리로 이동하여 원하는 팩을 켭니다. 그런 다음 모든 Elementor 아이콘 필드의 아이콘 라이브러리 팝업에서 내 라이브러리 아래에 나타납니다.

아니요. 8 개의 팩은 모두 플러그인 내부에 배송되므로 가져올 ZIP 파일도 없고 업로드할 SVG 도 없습니다.

8개 팩에 걸쳐 5,344개의 아이콘: 리믹스 아이콘 2,271, Google Material 아이콘 1,144, Teenyicons 600, Elementor 아이콘 398, Iconic 글꼴 300, 깃털 아이콘 272, Simple Line 아이콘 189 및 Linearicons 170.

깃털 아이콘,리믹스 아이콘 및 Teenyicons 는 Master Addons Pro 의 일부입니다. Pro 가 유효한 라이센스로 활성화되면 피커에 나타납니다.

아이콘 글꼴입니다. 단일 아이콘에 자신의 SVG 파일을 사용하려는 경우 아이콘 필드에 있는 Elementor 의 SVG 업로드 옵션은 여전히 평소와 같이 작동합니다.

위젯에서 Elementor 의 eicons 를 사용할 수 있습니까?

예. Elementor 의 기본 선택기는 Font Awesome 만 나열하지만 Master Addon 은 398 eicons 를 자체 탭으로 추가하므로 모든 아이콘 필드에 배치 할 수 있습니다.

아니요. Iconic Font 는 iconmonstr 이 설정한 300 아이콘입니다. Ionicons 는 별도의 라이브러리이며 Master Addon 의 일부가 아닙니다.

예. 사용자 지정 아이콘으로 업로드하고 마스터 애드온 팩이 모두 동일한 팝업에 표시되도록 설정하며,Font Awesome 은 그대로 유지됩니다.

팩의 스위치가 켜져 있는지 확인한 다음 변경 사항 저장을 클릭한 다음 편집기를 다시 로드합니다. 아이콘이 빈 사각형으로 표시되면 Elementor > 도구 > 일반 (파일 및 데이터 지우기) 에서 Elementor 의 캐시를 지운 다음 페이지 캐시와 CDN 을 지웁니다.

Elementor 아이콘 선택기에서 5,300+ 아이콘을 받으세요

8 개의 팩은 모두 Elementor 의 자체 팝업에 들어 있으며 각각 자체 스위치가 있습니다. 아이콘 라이브러리는 30,000 개 이상의 사이트에서 실행되는 Elementor 용 마스터 애드온의 일부입니다.

아이콘 라이브러리 문서

설정, CSS 접두사, 문제 해결

위젯 빌더 아이콘 제어

사용자 정의 위젯에서 팩을 사용하세요

템플릿 라이브러리

기성품 페이지 및 섹션

가격

마스터 애드온 프로에 대한 계획