내용으로 건너뛰기

Box arrow up-left

  • 태그: arrow, external link
  • 카테고리: Box arrows

예제

Heading
Smaller heading

Inline text

Example link text

다운로드

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

SVG 다운로드

아이콘 폰트

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

<i class="bi bi-box-arrow-up-left"></i>

코드 포인트

  • Unicode: U+F1C4
  • CSS: \F1C4
  • JS: \uF1C4
  • HTML: &#xF1C4;

HTML 복사

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

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-left" viewBox="0 0 16 16">
  <path fill-rule="evenodd" d="M7.364 3.5a.5.5 0 0 1 .5-.5H14.5A1.5 1.5 0 0 1 16 4.5v10a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 3 14.5V7.864a.5.5 0 1 1 1 0V14.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5H7.864a.5.5 0 0 1-.5-.5"/>
  <path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h5a.5.5 0 0 1 0 1H1.707l8.147 8.146a.5.5 0 0 1-.708.708L1 1.707V5.5a.5.5 0 0 1-1 0z"/>
</svg>