본문으로 건너뛰기

Ulleongdo


울릉도

사용법​

import { CarmoreIcon } from '@o2-ui/carmore-icon';

// ...

  <CarmoreIcon icon={'ulleongdo'} ... />

// ...


크기 설정​

아이콘의 크기는 width 와 height 속성으로 조절할 수 있습니다.

  • 숫자를 직접 지정할 수 있으며, 'px', 'rem', '%' 같은 단위가 포함된 문자열도 허용됩니다.
    • (단, 아이콘의 원래 비율은 고정되어 있어 변경할 수 없습니다.)
  • width 의 기본값은 '1.5rem' 입니다.
  • height 의 기본값은 '1.5rem' 입니다.
울릉도울릉도울릉도울릉도
<CarmoreIcon icon={'ulleongdo'} ... /> // 기본값('1.5rem') 적용
<CarmoreIcon icon={'ulleongdo'} width={30} height={30} ... />
<CarmoreIcon icon={'ulleongdo'} width={'48px'} height={'48px'} ... />
<CarmoreIcon icon={'ulleongdo'} width={'5rem'} height={'5rem'} ... />


색상 안내​

⚠️ 이 아이콘은 국기 형태의 다중 색상 SVG이므로 className이나 텍스트 색상(color) 지정만으로 색상이 변경되지 않습니다.

  • 강조가 필요하다면 주변 배경색이나 테두리, 배지를 활용해 주세요.


접근성 (a11y)​

role, aria-label 등의 속성을 설정하는 것을 권장합니다.

  • role 의 기본값은 'img' 입니다.
  • aria-label 의 기본값은 '울릉도' 입니다.
  • 기본 접근성 속성이 적용되어 있지만, 필요에 따라 커스터마이징할 수 있습니다.
  • (아이콘에 마우스를 올려보세요.)
울릉도섬
<CarmoreIcon icon={'ulleongdo'} ... /> // 기본값('울릉도') 적용
<CarmoreIcon icon={'ulleongdo'} aria-label={'섬'} ... />