아이코노그래피
아이코노그래피 (Iconography)
PatternFly는 Red Hat 브랜드 UI 아이콘(rh-ui-*)을 사용하며, 이 아이콘들은 @patternfly/react-icons 패키지와 아이콘 컴포넌트를 통해 제공돼요. 이 페이지 끝에 있는 전체 아이콘 표(all icons table)는 PatternFly에서 흔히 사용하는 아이콘과 그 사용 세부사항을 보여줘요.
출처: 문서
본문
Red Hat 디자인 시스템(RHDS)의 아이코노그래피 문서는 전체 Red Hat 아이콘 카탈로그를 설명해요. 여기에는 다음이 포함돼요:
- UI 아이콘 (우리가 사용하는 동일한 세트 + 더 많은 변형)
- 다양한 표준 아이콘 (더 일반적이고 설명적인, 보통 제품 UI에는 덜 적합한 아이콘)
- 마이크론(Microns) (더 작고 컴팩트한 아이콘)
- 소셜 아이콘 (Social icons)
일반적으로 이 페이지의 전체 아이콘 표에 의존하고, 필요하면 RHDS 카탈로그로 보완하세요. 사용 사례에 맞는 아이콘이 없다면 Brand 팀에 새 아이콘을 요청하세요.
Red Hat 아이콘으로 마이그레이션하기 (Migrating to Red Hat icons)
이전의 Font Awesome 및 PatternFly 아이콘 세트에서 모든 import를 수동으로 업데이트하지 않고 마이그레이션하려면, 외부 요소(보통 <html> 요소)에 pf-v6-icon-set-rh-ui 클래스를 적용하세요. PatternFly는 pfToRhIcons.mjs의 매핑을 사용해 어떤 레거시 아이콘이 Red Hat UI 아이콘으로 렌더링될지 결정해요. 모든 레거시 아이콘이 매핑되는 것은 아니므로 일부는 여전히 직접 업데이트가 필요할 수 있어요. 이 클래스는 또한 UI Red Hat 아이콘 세트만 가리키며, 일부 시나리오에서 선호할 수 있는 마이크론이나 표준 아이콘은 가리키지 않아요.
제품이 이미 의존하고 있다면 이전 Font Awesome(fa, fas, far 등) 또는 PatternFly(pf) 아이콘을 계속 사용할 수 있지만, 새 작업에는 권장되는 경로가 아니에요.
인라인 아이콘 (Inline icons)
아이콘은 픽셀 대신 rem으로 크기가 정해져요. rem은 페이지의 루트 글꼴 크기에 상대적이에요. 예를 들어 루트 크기가 10px이면 1.5rem은 15px이에요. PatternFly의 기본 루트는 16px이에요. 루트를 바꾸면 다음 표들의 크기 값은 rem에서만 정확해요.
인라인 아이콘은 텍스트 옆에 놓을 때 가로로 가운데 정렬되어야 하고, 쌓을 때는 세로로 가운데 정렬되어야 해요.
아이콘이 올바르게 정렬되고 올바른 글꼴 크기와 일치하도록 다음 의미 토큰을 사용하세요:
제목 (Headings)
| 크기 (Size) | 토큰 (Token) |
|---|---|
| 1.375rem (22px) | --pf-t--global--icon--size--font--heading--h1 |
| 1.25rem (20px) | --pf-t--global--icon--size--font--heading--h2 |
| 1.125rem (18px) | --pf-t--global--icon--size--font--heading--h3 |
| 1rem (16px) | --pf-t--global--icon--size--font--heading--h4 |
| 1rem (16px) | --pf-t--global--icon--size--font--heading--h5 |
| 1rem (16px) | --pf-t--global--icon--size--font--heading--h6 |
본문 텍스트 (Body text)
| 크기 (Size) | 토큰 (Token) |
|---|---|
| 0.75rem (12px) | --pf-t--global--icon--size--font--body--sm |
| 0.875rem (14px) | --pf-t--global--icon--size--font--body--default |
| 1rem (16px) | --pf-t--global--icon--size--font--body--lg |
독립형 아이콘 (Standalone icons)
가끔은 어떤 텍스트와도 정렬되지 않은 독립형 아이콘을 사용해야 할 수도 있어요. 우리는 이러한 사용 사례를 위해 small, medium, large, x-large, 2xl, 3xl 아이콘을 포함한 다양한 아이콘 크기를 지원해요. 이 크기는 다음 글꼴 크기와 토큰에 해당해요:
| 크기 (Size) | 토큰 (Token) |
|---|---|
| Small (0.75rem, 12px) | --pf-t--global--icon--size--sm |
| Medium (0.875rem, 14px) | --pf-t--global--icon--size--md |
| Large (1rem, 16px) | --pf-t--global--icon--size--lg |
| X-large (1.375rem, 22px) | --pf-t--global--icon--size--xl |
| 2xl (3.5rem, 56px) | --pf-t--global--icon--size--2xl |
| 3xl (6rem, 96px) | --pf-t--global--icon--size--3xl |
PatternFly 컴포넌트의 대부분 독립형 아이콘은 medium이에요. 그것이 보통 UI에서 가장 다재다능한 크기이기 때문이며, 다른 크기는 드물게 사용돼요.
아이콘 색상 (Icon colors)
사용하는 모든 아이콘 색상은 적절한 의미 디자인 토큰과 일치해야 해요. 예를 들어 경고(warning) 아이콘은 승인된 경고 색상 토큰을, 위험(danger) 아이콘은 승인된 위험 색상 토큰을 사용해야 해요.
| 아이콘 상태 (Icon state) | 색상 토큰 (Color token) |
|---|---|
| Danger | --pf-t--global--icon--color--status--danger--default |
| Warning | --pf-t--global--icon--color--status--warning--default |
| Success | --pf-t--global--icon--color--status--success--default |
| Info | --pf-t--global--icon--color--status--info--default |
| Custom | --pf-t--global--icon--color--status--custom--default |
아이콘 색상과 색상 토큰에 대해 더 알아보려면 colors 페이지를 방문하세요.
개발에서 아이콘 사용하기 (Using icons in development)
개발자는 먼저 개발 온보딩 가이드(development onboarding guide)를 참고해 제품 내에서 아이콘을 설치, import, 사용해야 해요. React와 HTML 예제는 아이콘 컴포넌트를 참고하세요.
React imports
설치 후 react-icons 패키지에서 개별 아이콘을 import할 수 있어요. 예를 들면:
import RhUiStarIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-star-icon';
전체 아이콘 (All icons)
이 표는 PatternFly 사용 지침이 포함된 Red Hat UI 아이콘을 나열해요. Red Hat 아이콘의 전체 카탈로그(UI, 표준, 마이크론, 소셜)는 RHDS 아이코노그래피 지침을 참고하세요.
아이콘 툴팁에 대한 지침은 tooltips 작성 가이드를 참고하세요.
아이콘을 클릭하면 SVG로 다운로드할 수 있고, React 이름을 클릭하면 React에서 사용할 아이콘 이름을 복사할 수 있어요. (총 173개 항목)
| 아이콘 | React 이름 | 용도 (Usage) |
|---|---|---|
rh-ui-add |
RhUiAddIcon |
항목을 추가할 수 있음을 나타냄. 완전히 새로운 객체를 만드는 용도는 아님 (pficon-circle-add 참고) |
rh-ui-add-circle |
RhUiAddCircleIcon |
항목을 만들 수 있음을 나타냄. 데이터 리스트, 테이블 등 UI에서 이 아이콘이 많이 나타날 때 시각적 잡음을 줄이기 위해 사용 |
rh-ui-ai-create-icon |
RhUiAiCreateIcon |
AI 도움으로 새로운 것을 만들 때 사용. 권장 라벨: "Create with AI" |
rh-ui-ai-edit-icon |
RhUiAiEditIcon |
AI 도움으로 어떤 것을 편집할 때 사용. 보통 텍스트 편집에 사용. 권장 라벨: "Edit with AI" |
rh-ui-ai-enhance-icon |
RhUiAiEnhanceIcon |
AI로 어떤 것을 개선할 때 사용. 권장 라벨: "Enhance with AI" |
rh-ui-ai-error-icon |
RhUiAiErrorIcon |
AI가 문제를 식별했을 때 사용. 권장 라벨: "Error found by AI" |
rh-ui-ai-experience-fill-icon |
RhUiAiExperienceFillIcon |
일반적인 AI 표시 또는 다른 AI 아이콘이 적절하지 않을 때 사용. "with AI" 또는 "by AI"를 포함한 버튼 라벨이나 툴팁과 함께 사용해야 함. AI 디자인 랭귀지 가이드 참고 |
rh-ui-ai-experience-icon |
RhUiAiExperienceIcon |
일반적인 AI 표시 또는 다른 AI 아이콘이 적절하지 않을 때 사용. "with AI" 또는 "by AI"를 포함한 버튼 라벨이나 툴팁과 함께 사용해야 함. AI 디자인 랭귀지 가이드 참고 |
rh-ui-ai-filter-icon |
RhUiAiFilterIcon |
AI 도움으로 데이터를 필터링할 때 사용. 권장 라벨: "Filter with AI" |
rh-ui-ai-info-icon |
RhUiAiInfoIcon |
제공된 정보가 AI에 의해 부분적으로 또는 완전히 생성되었을 때 사용. 권장 라벨: "Information by AI" |
rh-ui-ai-search-icon |
RhUiAiSearchIcon |
AI 도움으로 무언가를 검색할 때 사용. 권장 라벨: "Search with AI" |
rh-ui-ai-troubleshoot-icon |
RhUiAiTroubleshootIcon |
문제 해결 시 AI로부터 도움을 받을 때 사용. 권장 라벨: "Troubleshoot with AI" |
rh-ui-arrow-circle-down |
RhUiArrowCircleDownIcon |
상태 표현: 항목(예: VM)이 다운(down) 상태 |
rh-ui-arrow-circle-up |
RhUiArrowCircleUpIcon |
상태 표현: 항목(예: VM)이 업(up) 상태 |
rh-ui-arrow-right |
RhUiArrowRightIcon |
동작을 취하거나 다른 페이지로 이동할 수 있음을 나타냄. 텍스트와 함께 사용 |
rh-ui-arrow-up-down |
RhUiArrowUpDownIcon |
테이블 헤더에 정렬 기능이 있음을 나타냄 |
rh-ui-asleep |
RhUiAsleepIcon |
항목이 절전 또는 전원 대기 모드에 있음을 나타냄 |
rh-ui-attention-bell-fill |
RhUiAttentionBellFillIcon |
상태 표현: 주의(attention) 필요 |
rh-ui-automation |
RhUiAutomationIcon |
프로세스 자동화 객체를 나타냄 |
rh-ui-ban |
RhUiBanIcon |
상태 표현: 항목이 비활성화, 취소, 종료되었거나 준비되지 않음 |
rh-ui-blueprint |
RhUiBlueprintIcon |
청사진(blueprint)을 나타냄 |
rh-ui-branch |
RhUiBranchIcon |
코드 브랜치를 나타냄 |
rh-ui-bug |
RhUiBugIcon |
상태 표현: 버그가 존재함 |
rh-ui-build |
RhUiBuildIcon |
상태 표현: 정비 준비 중 |
rh-ui-calendar |
RhUiCalendarIcon |
날짜 선택(date picker) 기능이 사용 가능함을 나타냄 |
rh-ui-caret-down |
RhUiCaretDownIcon |
아코디언, 점진적 공개(progressive disclosure), 확장 가능한 목록 같은 확장 가능한 컴포넌트가 현재 확장되어 있음을 나타냄. 클릭하면 컴포넌트가 접힘 |
rh-ui-caret-left |
RhUiCaretLeftIcon |
여러 페이지 데이터 세트의 이전 페이지로 이동할 수 있음을 나타냄 |
rh-ui-caret-right |
RhUiCaretRightIcon |
아코디언, 점진적 공개, 확장 가능한 목록 같은 확장 가능한 요소가 현재 접혀 있음을 나타냄. 클릭하면 요소가 확장됨. 또한 여러 페이지 데이터 세트의 다음 페이지로 이동할 수 있음을 나타냄 |
rh-ui-caret-up |
RhUiCaretUpIcon |
(모바일에서) 확장 가능한 테이블 행이 현재 확장되어 있음을 나타냄. 클릭하면 컴포넌트가 접힘 |
rh-ui-catalog-alt |
RhUiCatalogAltIcon |
카탈로그나 라이브러리가 사용 가능함을 나타냄 |
rh-ui-check |
RhUiCheckIcon |
상태 표현: 스위치 토글이 활성화된 위치에 있음 |
rh-ui-check-circle-fill |
RhUiCheckCircleFillIcon |
편집한 변경 사항을 커밋할 수 있음을 나타냄. 상태 표현: 콘텐츠 뷰(예: 테이블)에서 OK |
rh-ui-check-clipboard |
RhUiCheckClipboardIcon |
주문이나 작업을 나타냄 |
rh-ui-circuit |
RhUiCircuitIcon |
장치의 CPU를 나타냄 |
rh-ui-clock |
RhUiClockIcon |
시간 간격을 나타냄 |
rh-ui-close |
RhUiCloseIcon |
모달이나 다른 패널을 닫을 수 있음을 나타냄. 필터 기준이나 라벨 같은 기존 데이터를 지울 수 있음을 나타내기도 함 |
rh-ui-close-circle |
RhUiCloseCircleIcon |
about modal을 닫을 수 있음을 나타냄 |
rh-ui-cloud-security |
RhUiCloudSecurityIcon |
클라우드 보안을 나타냄 |
rh-ui-cloud-tenant |
RhUiCloudTenantIcon |
클라우드 테넌트를 나타냄 |
rh-ui-cluster |
RhUiClusterIcon |
멀티클러스터 객체를 나타냄 |
rh-ui-code |
RhUiCodeIcon |
코드를 나타냄 |
rh-ui-columns |
RhUiColumnsIcon |
테이블 뷰의 열을 관리할 수 있음을 나타냄 |
rh-ui-comments |
RhUiCommentsIcon |
댓글 기능이 있음을 나타냄 |
rh-ui-compress |
RhUiCompressIcon |
항목을 압축할 수 있음을 나타냄. fa-expand와 함께 토글되어야 함 |
rh-ui-compress-arrows |
RhUiCompressArrowsIcon |
항목을 압축할 수 있음을 나타냄 (대체 개념). fa-expand-arrows-alt와 함께 토글되어야 함 |
rh-ui-connected |
RhUiConnectedIcon |
항목의 전원이 켜져 있고 "up" 상태임을 나타냄. "pficon-on"보다 더 능동적인 대안 |
rh-ui-container |
RhUiContainerIcon |
컨테이너를 나타냄 |
rh-ui-copy |
RhUiCopyIcon |
클립보드에 복사(copy to clipboard) 기능이 있음을 나타냄 |
rh-ui-cubes |
RhUiCubesIcon |
패키지를 나타냄. Satellite, Cockpit, Composer에서 일반 패키지 또는 rpm을 나타내는 데 사용 |
rh-ui-data-processor |
RhUiDataProcessorIcon |
데이터 프로세서를 나타냄 |
rh-ui-data-sink |
RhUiDataSinkIcon |
데이터 싱크를 나타냄 |
rh-ui-data-source |
RhUiDataSourceIcon |
데이터 소스를 나타냄 |
rh-ui-degraded |
RhUiDegradedIcon |
볼륨 복제가 저하(degraded)됨 |
rh-ui-desktop |
RhUiDesktopIcon |
데스크탑, 워크스테이션 또는 터미널을 나타냄 |
rh-ui-disconnected |
RhUiDisconnectedIcon |
항목의 전원이 꺼져 있고 "down" 상태임을 나타냄. "pficon-off"보다 더 능동적인 대안 |
rh-ui-document |
RhUiDocumentIcon |
파일 유형을 나타냄 |
rh-ui-double-caret-left |
RhUiDoubleCaretLeftIcon |
여러 페이지 데이터 세트의 첫 페이지로 이동할 수 있음을 나타냄 |
rh-ui-double-caret-right |
RhUiDoubleCaretRightIcon |
여러 페이지 데이터 세트의 마지막 페이지로 이동할 수 있음을 나타냄 |
rh-ui-download |
RhUiDownloadIcon |
다운로드 기능이 사용 가능함을 나타냄 |
rh-ui-edit |
RhUiEditIcon |
항목을 편집할 수 있음을 나타냄 |
rh-ui-ellipsis-vertical |
RhUiEllipsisVerticalIcon |
상황별 메뉴 또는 추가 동작이 사용 가능함을 나타냄 |
rh-ui-enhancement |
RhUiEnhancementIcon |
상태 표현: 향상(enhancement) 자문이 존재함 |
rh-ui-enterprise |
RhUiEnterpriseIcon |
엔터프라이즈를 나타냄 |
rh-ui-error-fill |
RhUiErrorFillIcon |
경고 상태 표현: danger, 주요 오류 또는 치명적 오류 |
rh-ui-expand |
RhUiExpandIcon |
항목을 확장할 수 있음을 나타냄. fa-compress와 함께 토글되어야 함 |
rh-ui-expand-arrows |
RhUiExpandArrowsIcon |
항목을 확장할 수 있음을 나타냄 (대체 개념). fa-compress-arrows-alt와 함께 토글되어야 함 |
rh-ui-export |
RhUiExportIcon |
파일이나 다른 데이터를 내보낼 수 있음을 나타냄 |
rh-ui-external-link |
RhUiExternalLinkIcon |
링크가 외부 사이트로 이동함을 나타냄 |
rh-ui-filter |
RhUiFilterIcon |
검색 결과나 데이터셋을 필터링할 수 있음을 나타냄 |
rh-ui-flag |
RhUiFlagIcon |
메시지를 나타냄. 메시지에 접근할 수 있음을 나타내기도 함 |
rh-ui-folder |
RhUiFolderIcon |
접힌 계층적 그룹을 나타냄. 그룹을 확장할 수 있음을 나타냄 |
rh-ui-folder-open |
RhUiFolderOpenIcon |
확장된 계층적 그룹을 나타냄. 그룹을 접을 수 있음을 나타냄 |
rh-ui-folders |
RhUiFoldersIcon |
저장소(repository)를 나타냄 |
rh-ui-grip-horizontal |
RhUiGripHorizontalIcon |
드래그 앤 드롭으로 세로 방향 컴포넌트를 이동할 수 있음을 나타냄 |
rh-ui-grip-vertical |
RhUiGripVerticalIcon |
드래그 앤 드롭으로 가로 방향 컴포넌트를 이동할 수 있음을 나타냄 |
rh-ui-hard-drive |
RhUiHardDriveIcon |
단일 노드 또는 호스트를 나타냄 |
rh-ui-history |
RhUiHistoryIcon |
상태 표현: 재시작 중 |
rh-ui-home |
RhUiHomeIcon |
기본/홈 페이지로의 링크를 나타냄 |
rh-ui-image |
RhUiImageIcon |
이미지를 나타냄 |
rh-ui-import |
RhUiImportIcon |
파일이나 다른 데이터를 가져올 수 있음을 나타냄 |
rh-ui-in-progress |
RhUiInProgressIcon |
확정(deterministic) 동작을 실행 중임을 나타냄 |
rh-ui-information-fill |
RhUiInformationFillIcon |
경고 상태 표현: 정보(information) |
rh-ui-infrastructure |
RhUiInfrastructureIcon |
인프라스트럭처를 나타냄 |
rh-ui-key |
RhUiKeyIcon |
SSH 키 또는 유사한 보안 개념을 나타냄 |
rh-ui-kubernetes-service |
RhUiKubernetesServiceIcon |
Kubernetes 서비스를 나타냄 |
rh-ui-list |
RhUiListIcon |
목록 형식의 데이터 뷰 콘텐츠를 나타냄 |
rh-ui-lock |
RhUiLockIcon |
상태 표현: 잠김(locked) |
rh-ui-long-arrow-down |
RhUiLongArrowDownIcon |
데이터 테이블 열의 어떤 데이터 유형에 대한 내림차순(descending) 정렬 순서(가장 큰 것에서 가장 작은 것으로, 최고에서 최저로, 마지막에서 처음으로)를 나타냄. 클릭하면 오름차순으로 토글됨 |
rh-ui-long-arrow-up |
RhUiLongArrowUpIcon |
데이터 테이블 열의 어떤 데이터 유형에 대한 오름차순(ascending) 정렬 순서(가장 작은 것에서 가장 큰 것으로, 최저에서 최고로, 처음에서 마지막으로)를 나타냄. 클릭하면 내림차순으로 토글됨 |
rh-ui-memory |
RhUiMemoryIcon |
장치의 메모리를 나타냄 |
rh-ui-menu-bars |
RhUiMenuBarsIcon |
네비게이션 메뉴를 접을 수 있음을 나타냄 |
rh-ui-migrate |
RhUiMigrateIcon |
VM 같은 항목이 현재 마이그레이션 중임을 나타냄 |
rh-ui-minus |
RhUiMinusIcon |
(테이블 행 같은) 항목을 제거하거나, (숫자 입력 컨트롤에서) 감소시키거나, 최소화할 수 있음을 나타냄 |
rh-ui-minus-circle |
RhUiMinusCircleIcon |
(테이블 행 같은) 항목을 제거하거나, (숫자 입력 컨트롤에서) 감소시키거나, 최소화할 수 있음을 나타내는 대체 옵션 |
rh-ui-module |
RhUiModuleIcon |
모듈을 나타냄 |
rh-ui-monitoring |
RhUiMonitoringIcon |
모니터링을 나타냄 |
rh-ui-network |
RhUiNetworkIcon |
네트워크를 나타냄 |
rh-ui-notification-fill |
RhUiNotificationFillIcon |
알림 드로어를 열 수 있음을 나타냄 |
rh-ui-notification-fill (blue) |
RhUiNotificationFillIcon |
상태 표현: 기본 알림 |
rh-ui-off |
RhUiOffIcon |
상태 표현: 전원 꺼짐(powered off) |
rh-ui-open-drawer-right |
RhUiOpenDrawerRightIcon |
드로어를 열거나 닫음 |
rh-ui-optimize |
RhUiOptimizeIcon |
항목이나 프로세스를 최적화할 수 있음을 나타냄 |
rh-ui-package |
RhUiPackageIcon |
패키지를 나타냄 |
rh-ui-path |
RhUiPathIcon |
미들웨어를 나타냄 |
rh-ui-pause |
RhUiPauseIcon |
일시 중지할 수 있음을 나타냄. fa-play와 함께 토글되어야 함 |
rh-ui-pause-circle |
RhUiPauseCircleIcon |
상태 표현: 프로세스의 중단 및/또는 중지 |
rh-ui-pending |
RhUiPendingIcon |
상태 표현: 보류 중, 현재 우발 상황을 기다리는 중 |
rh-ui-play |
RhUiPlayIcon |
시작하거나 재개할 수 있음을 나타냄. fa-pause와 함께 토글되어야 함 |
rh-ui-port |
RhUiPortIcon |
포트(port) 또는 경로(route)를 나타냄 |
rh-ui-power |
RhUiPowerIcon |
상태 표현: 전원 켜짐(powered on) |
rh-ui-print |
RhUiPrintIcon |
인쇄 기능이 사용 가능함을 나타냄 |
rh-ui-process-automation |
RhUiProcessAutomationIcon |
프로세스 자동화를 나타냄 |
rh-ui-profile |
RhUiProfileIcon |
(데이터셋에서 사용자 이름과 함께) 사용자를 나타냄. (masthead에서 사용자 이름과 함께) 사용자 프로필이 사용 가능함을 나타냄 |
rh-ui-puzzle-piece |
RhUiPuzzlePieceIcon |
두 개 이상 객체의 통합을 나타냄 |
rh-ui-question-mark-circle |
RhUiQuestionMarkCircleIcon |
masthead에 도움 시스템이 사용 가능함을 나타냄 |
rh-ui-question-mark-circle (outlined) |
RhUiQuestionMarkCircleIcon |
상황별 도움(contextual help)이 사용 가능함을 나타냄 |
rh-ui-redo |
RhUiRedoIcon |
새로고침할 수 있음을 나타냄. "로딩 중"이거나 처리 중임을 나타낼 때는 애니메이션 스피너를 사용하세요 |
rh-ui-regions |
RhUiRegionsIcon |
리전(region)을 나타냄 |
rh-ui-registry |
RhUiRegistryIcon |
레지스트리를 나타냄 |
rh-ui-replicator |
RhUiReplicatorIcon |
복제기(replicator)를 나타냄 |
rh-ui-resources-almost-empty |
RhUiResourcesAlmostEmptyIcon |
상태 표현: 거의 비어 있음 |
rh-ui-resources-almost-full |
RhUiResourcesAlmostFullIcon |
상태 표현: 거의 가득 참 |
rh-ui-resources-empty |
RhUiResourcesEmptyIcon |
상태 표현: 비어 있음 |
rh-ui-resources-full |
RhUiResourcesFullIcon |
상태 표현: 가득 참 |
rh-ui-restore-window |
RhUiRestoreWindowIcon |
새 창에서 링크를 열 수 있음을 나타냄 |
rh-ui-route |
RhUiRouteIcon |
경로(route)를 나타냄 |
rh-ui-running |
RhUiRunningIcon |
상태 표현: 실행 중 |
rh-ui-save |
RhUiSaveIcon |
파일이나 다른 객체를 저장할 수 있음을 나타냄 |
rh-ui-scale-balanced |
RhUiScaleBalancedIcon |
상태 표현: 항목에 리밸런싱이 필요함 |
rh-ui-search |
RhUiSearchIcon |
사용자가 검색을 수행할 수 있음을 나타냄 |
rh-ui-security |
RhUiSecurityIcon |
상태 표현: 보안 자문이 존재함 |
rh-ui-server-stack |
RhUiServerStackIcon |
클러스터 또는 서버를 나타냄 |
rh-ui-settings |
RhUiSettingsIcon |
구성 가능한 설정이 사용 가능함을 나타냄 |
rh-ui-severity-critical-fill |
RhUiSeverityCriticalFillIcon |
오류나 문제의 가장 높은 심각도 수준을 나타냄. 새 구현에서는 pficon-critical-risk 대신 이 아이콘을 사용해야 함 |
rh-ui-severity-important-fill |
RhUiSeverityImportantFillIcon |
오류나 문제의 중요(important) 심각도를 나타냄 |
rh-ui-severity-minor-fill |
RhUiSeverityMinorFillIcon |
오류나 문제의 경미(minor) 심각도를 나타냄 |
rh-ui-severity-moderate-fill |
RhUiSeverityModerateFillIcon |
오류나 문제의 중간(moderate) 심각도를 나타냄 |
rh-ui-severity-none-fill |
RhUiSeverityNoneFillIcon |
오류나 문제에 심각도 없음을 나타냄 |
rh-ui-severity-undefined-fill |
RhUiSeverityUndefinedFillIcon |
오류나 문제의 정의되지 않은 심각도를 나타냄. 심각도 수준이 아직 결정되지 않았지만 나중에 바뀌고 정의될 것으로 예상될 때 사용 |
rh-ui-share-alt |
RhUiShareAltIcon |
다양한 방법으로 다른 사람과 공유할 수 있음을 나타냄 |
rh-ui-sort-down-large-to-small |
RhUiSortDownLargeToSmallIcon |
어떤 데이터 유형에 대한 내림차순(descending) 정렬 순서(가장 큰 것에서 가장 작은 것으로, 최고에서 최저로, 마지막에서 처음으로)를 나타냄 |
rh-ui-sort-down-small-to-large |
RhUiSortDownSmallToLargeIcon |
어떤 데이터 유형에 대한 오름차순(ascending) 정렬 순서(가장 작은 것에서 가장 큰 것으로, 최저에서 최고로, 처음에서 마지막으로)를 나타냄 |
rh-ui-speedometer |
RhUiSpeedometerIcon |
대시보드의 데이터 뷰 콘텐츠를 나타냄 |
rh-ui-star |
RhUiStarIcon |
항목이 즐겨찾기로 표시되었음을 나타냄 |
rh-ui-storage |
RhUiStorageIcon |
데이터베이스를 나타냄 |
rh-ui-storage-domain |
RhUiStorageDomainIcon |
스토리지 도메인을 나타냄 |
rh-ui-sync |
RhUiSyncIcon |
동기화 동작이 사용 가능함을 나타냄 |
rh-ui-table |
RhUiTableIcon |
테이블 형식의 데이터 뷰 콘텐츠를 나타냄 |
rh-ui-tag |
RhUiTagIcon |
태그 세트에 접근하거나 만들 수 있음을 나타냄 |
rh-ui-task |
RhUiTaskIcon |
작업 드로어를 열 수 있음을 나타냄. 작업이나 활동을 나타낼 수도 있음 |
rh-ui-template |
RhUiTemplateIcon |
템플릿을 나타냄. 최종 출력물의 하나 이상의 인스턴스를 생성하는 데 사용되는 내용이나 지침을 포함함 |
rh-ui-tenant |
RhUiTenantIcon |
테넌트를 나타냄 |
rh-ui-thumbnail-view-large |
RhUiThumbnailViewLargeIcon |
큰 카드 형식의 데이터 뷰 콘텐츠를 나타냄 |
rh-ui-thumbnail-view-small |
RhUiThumbnailViewSmallIcon |
작은 카드 형식의 데이터 뷰 콘텐츠를 나타냄 |
rh-ui-thumbtack |
RhUiThumbtackIcon |
항목을 고정(pin)할 수 있음을 나타냄 |
rh-ui-topology |
RhUiTopologyIcon |
토폴로지 형식의 데이터 뷰 콘텐츠를 나타냄 |
rh-ui-trash |
RhUiTrashIcon |
항목/요소를 삭제하거나 업로드된 파일을 제거할 수 있음을 나타냄 |
rh-ui-trend-down |
RhUiTrendDownIcon |
상태 표현: 하향 추세 |
rh-ui-trend-up |
RhUiTrendUpIcon |
상태 표현: 상향 추세 |
rh-ui-undo |
RhUiUndoIcon |
기록 로그에서 단계를 실행 취소할 수 있음을 나타냄 |
rh-ui-unknown |
RhUiUnknownIcon |
상태 표현: 알 수 없음 |
rh-ui-unlock |
RhUiUnlockIcon |
상태 표현: 잠금 해제됨 |
rh-ui-upload |
RhUiUploadIcon |
업로드 기능이 사용 가능함을 나타냄 |
rh-ui-users |
RhUiUsersIcon |
여러 사용자, 사용자 그룹 또는 프로젝트를 나타냄 |
rh-ui-view |
RhUiViewIcon |
컴포넌트의 콘텐츠가 현재 숨겨져 있지만 드러낼 수 있음을 나타냄 |
rh-ui-view-off |
RhUiViewOffIcon |
컴포넌트의 콘텐츠가 드러나 있지만 숨길 수 있음을 나타냄 |
rh-ui-virtual-machine-center |
RhUiVirtualMachineCenterIcon |
vcenter를 나타냄 |
rh-ui-virtual-server |
RhUiVirtualServerIcon |
가상 머신을 나타냄 |
rh-ui-warning-fill |
RhUiWarningFillIcon |
경고 상태 표현: warning |
rh-ui-windows |
RhUiWindowsIcon |
브랜드 표현: Windows |
rh-ui-zone |
RhUiZoneIcon |
존(zone)을 나타냄. 지리적 위치, 네트워크 위치 또는 기능을 기준으로 한 서버 그룹 |
rh-ui-zoom-in |
RhUiZoomInIcon |
확대할 수 있음을 나타냄 |
rh-ui-zoom-out |
RhUiZoomOutIcon |
축소할 수 있음을 나타냄 |