내용으로 건너뛰기

Chevron expand


예제

Heading
Smaller heading

Inline text

Example link text

다운로드

사용하거나 수정하려면 SVG를 다운로드하세요.

SVG 다운로드

아이콘 폰트

웹 폰트를 사용하시고 계신가요? 복사해서 붙여넣기만 하면 됩니다.

<i class="bi bi-chevron-expand"></i>

코드 포인트

  • Unicode: U+F283
  • CSS: \F283
  • JS: \uF283
  • HTML: &#xF283;

HTML 복사

프로젝트 코드에 SVG를 붙여넣기만 하면 됩니다.

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-expand" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z"/>
</svg>