콘텐츠로 이동
SVG Nexus 벡터와 3D 아이콘
outline MIT 1 개 벡터 노드
Pin - Bootstrap Icons iconFree Pin vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 863 bytes.
viewBox 0 0 16 16 정적
1. 색상

새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다.

2. 캔버스 배경과 변형
3. 실시간 벡터 애니메이션 프리셋 SVG 내보내기에 포함
SVG 편집기에서 편집 벡터 스튜디오 열기
Bootstrap Icons | 사용자 인터페이스 (UI/UX) | viewBox="0 0 16 16" | 상업적 사용 무료

핀 SVG 아이콘

출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. 핀 - 상업적 사용과 개인 사용 모두 무료. 회원가입 불필요 | 100% 브라우저 로컬 처리

벡터와 고해상도 이미지 즉시 내려받기
새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다. bootstrap-regular-pin.svg (1,079 B)
개발자와 UI 프레임워크를 위한 빠른 복사
실시간 코드 출력 
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-pin" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Pin icon"><title>Pin - Bootstrap Icons icon</title><desc>Free Pin vector icon from the Bootstrap Icons open-source icon library; outline style, MIT licence, viewBox 0 0 16 16, 863 bytes.</desc>
  <path d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A6 6 0 0 1 5 6.708V2.277a3 3 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354m1.58 1.408-.002-.001zm-.002-.001.002.001A.5.5 0 0 1 6 2v5a.5.5 0 0 1-.276.447h-.002l-.012.007-.054.03a5 5 0 0 0-.827.58c-.318.278-.585.596-.725.936h7.792c-.14-.34-.407-.658-.725-.936a5 5 0 0 0-.881-.61l-.012-.006h-.002A.5.5 0 0 1 10 7V2a.5.5 0 0 1 .295-.458 1.8 1.8 0 0 0 .351-.271c.08-.08.155-.17.214-.271H5.14q.091.15.214.271a1.8 1.8 0 0 0 .37.282"/>
</svg>
AI 프롬프트와 벡터 개선

이 아이콘을 개선하거나 새로 꾸밀까요? 핀

정교한 엔지니어링 프롬프트를 만들거나 캔버스에서 아이콘을 바로 개선하세요. 핀

AI 아이콘 생성기에서 열기
프롬프트 생성은 100% 브라우저에서
핀 SVG 아이콘 - Bootstrap Icons (MIT)
출처와 라이선스 확인 LICENSE.txt

Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | 회원가입 불필요 | 100% 브라우저 로컬 처리

키워드
#bootstrap #regular #pin #interface #outline

핀 - 벡터 기술 사양

출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. 핀

표준 자료 식별자 bootstrap/bootstrap-regular-pin
원본 라이브러리 팩 Bootstrap Icons
좌표 격자와 viewBox viewBox="0 0 16 16"
비압축 용량 1,079 bytes (~593 bytes gzipped)
SPDX 라이선스와 상업적 사용 MIT - 상업적 사용 무료
Upstream Source https://github.com/twbs/icons
지원하는 내보내기 형식 SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
보안과 개인정보 보증 회원가입 불필요 | 100% 브라우저 로컬 처리

이 아이콘 사용과 꾸미기 방법: 핀

  1. 시각적으로 꾸미기: 색상, 자동 (선과 채우기), 선 두께 (0.5px-4px), 실시간 벡터 애니메이션 프리셋
  2. 벡터 또는 이미지 내려받기: SVG 다운로드, PNG (투명), WebP (최적화) (2048x2048 px)
  3. 프레임워크 코드 복사하기: React, Next.js, Vue 3, Svelte, Angular, HTML, CSS 마스크용 코드를 바로 복사하세요.
  4. 깊은 벡터 편집: SVG 편집기에서 편집 (77,087)
접근성 팁 (WCAG 2.1): 장식용 아이콘은 aria-hidden과 focusable false로 숨깁니다. 아이콘만 있는 버튼에는 분명한 aria-label을 넣습니다. 오른쪽에서 왼쪽으로 쓰는 언어에서는 화살표를 좌우로 뒤집습니다. bootstrap-regular-pin.svg aria-hidden="true" focusable="false"

다른 라이브러리의 같은 아이콘 ("핀")

이 아이콘을 다른 오픈소스 벡터 라이브러리와 비교해 보세요.

같은 분류 사용자 인터페이스 (UI/UX)

둘러보기

더 둘러보기

자주 묻는 질문

핀 - 자주 묻는 질문

핀에는 어떤 라이선스가 적용되나요? +

핀은(는) Bootstrap Icons에서 제공되며 MIT의 적용을 받습니다. 출처 표시: 출처 표시 필수.

핀을(를) 어떤 형식으로 다운로드할 수 있나요? +

핀은(는) outline 스타일 벡터입니다(viewBox 0 0 16 16). SVG, PNG, WebP 또는 ICO를 다운로드하거나 이 페이지에서 React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask 또는 Base64 코드를 복사하세요.

핀 아이콘은 어디에서 왔나요? +

핀은(는) Bootstrap Icons 라이브러리의 일부이며, 제작자는 The Bootstrap Authors이고, 사용자 인터페이스 (UI/UX) 카테고리에 속합니다. 라이선스 전문은 이 페이지에 링크된 라이브러리 고지 파일에 있습니다.

100% 브라우저 로컬 처리 | 77,087 개 아이콘

SVG 편집기

브라우저에서 경로, 레이어, 색상, 애니메이션을 편집하고 정리된 SVG, PNG 또는 프레임워크 코드를 내보내세요.

편집기에서 열기 전체 아이콘 보기 (77,087)

77,087개 벡터 아이콘을 검색하려면 입력하세요...

이동 | Enter 열기 전체 아이콘 보기

비교

아이콘 출처와 라이선스

라이선스 상업적 사용 출처 표기 수정과 색 변경
MIT허용번들에 고지 포함허용
ISC허용번들에 고지 포함허용
Apache-2.0허용고지 파일과 함께 필요허용
CC BY 4.0허용출처 표시 필요허용
CC-BY-SA-4.0허용동일 조건 배포동일 조건 배포
Trademark / Brand지칭 용도만소유자 지침제한

아이콘 미리보기