solid
1. 색상
새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다.
2. 캔버스 배경과 변형
3. 실시간 벡터 애니메이션 프리셋
SVG 내보내기에 포함
3 Square SVG 아이콘
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. 3 Square - 상업적 사용과 개인 사용 모두 무료. 회원가입 불필요 | 100% 브라우저 로컬 처리
벡터와 고해상도 이미지 즉시 내려받기
새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다.
bootstrap-filled-3-square-fill.svg (863 B)
개발자와 UI 프레임워크를 위한 빠른 복사
실시간 코드 출력
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-3-square-fill" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="3 Square icon"><title>3 Square - Bootstrap Icons icon</title><desc>Free 3 Square vector icon from the Bootstrap Icons open-source icon library; solid style, MIT licence, viewBox 0 0 16 16, 634 bytes.</desc> <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm5.918 8.414h-.879V7.342h.838c.78 0 1.348-.522 1.342-1.237 0-.709-.563-1.195-1.348-1.195-.79 0-1.312.498-1.348 1.055H5.275c.036-1.137.95-2.115 2.625-2.121 1.594-.012 2.608.885 2.637 2.062.023 1.137-.885 1.776-1.482 1.875v.07c.703.07 1.71.64 1.734 1.917.024 1.459-1.277 2.396-2.93 2.396-1.705 0-2.707-.967-2.754-2.144H6.33c.059.597.68 1.06 1.541 1.066.973.006 1.6-.563 1.588-1.354-.006-.779-.621-1.318-1.541-1.318"/> </svg>
AI 프롬프트와 벡터 개선
이 아이콘을 개선하거나 새로 꾸밀까요? 3 Square
정교한 엔지니어링 프롬프트를 만들거나 캔버스에서 아이콘을 바로 개선하세요. 3 Square
프롬프트 생성은 100% 브라우저에서
출처와 라이선스 확인
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Source: https://github.com/twbs/icons | 회원가입 불필요 | 100% 브라우저 로컬 처리
키워드
#bootstrap
#filled
#square
#fill
#interface
#solid
3 Square - 벡터 기술 사양
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. 3 Square
| 표준 자료 식별자 | bootstrap/bootstrap-filled-3-square-fill |
|---|---|
| 원본 라이브러리 팩 | Bootstrap Icons |
| 좌표 격자와 viewBox | viewBox="0 0 16 16" |
| 비압축 용량 | 863 bytes (~475 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% 브라우저 로컬 처리 |
이 아이콘 사용과 꾸미기 방법: 3 Square
- 시각적으로 꾸미기: 색상, 자동 (선과 채우기), 선 두께 (
0.5px-4px), 실시간 벡터 애니메이션 프리셋 - 벡터 또는 이미지 내려받기: SVG 다운로드, PNG (투명), WebP (최적화) (
2048x2048 px) - 프레임워크 코드 복사하기: React, Next.js, Vue 3, Svelte, Angular, HTML, CSS 마스크용 코드를 바로 복사하세요.
- 깊은 벡터 편집: SVG 편집기에서 편집 (76,166)
접근성 팁 (WCAG 2.1): 장식용 아이콘은 aria-hidden과 focusable false로 숨깁니다. 아이콘만 있는 버튼에는 분명한 aria-label을 넣습니다. 오른쪽에서 왼쪽으로 쓰는 언어에서는 화살표를 좌우로 뒤집습니다.
bootstrap-filled-3-square-fill.svg aria-hidden="true" focusable="false"
같은 분류 사용자 인터페이스 (UI/UX)
둘러보기solid
Pentagon
MingCute Icons Fill|interfacesolid
Pinwheel
MingCute Icons Fill|interfacesolid
Hardware Developer Board Off
Material Icons|interfacesolid
Hardware Security
Material Icons|interfacesolid
Calendar Dot
Phosphor Icons|interface
Cheese
Phosphor Icons|interface
Square Dot
Tabler Icons|interface
Maps Church
Material Icons|interface
Viber Messenger
MingCute Icons Fill|interface
Disco Ball
Phosphor Icons|interface
Square Letter V
Tabler Icons|interface
Omg
MingCute Icons|interface
Mop Sparkles
Lucide|interface
Communications Megaphone
Domain Icons|interface
Finger Print
Heroicons|interface
H1
IconPark|interface
Rectangle Vertical
MingCute Icons|interface
Construction Blueprint
Domain Icons|interface
Repeat One
MingCute Icons|interface
Pen
Lucide|interface
Phi
Lucide|interface
Construction Drill
Domain Icons|interface
Ticket
Heroicons|interface더 둘러보기
자주 묻는 질문
3 Square - 자주 묻는 질문
3 Square에는 어떤 라이선스가 적용되나요? +
3 Square은(는) Bootstrap Icons에서 제공되며 MIT의 적용을 받습니다. 출처 표시: 출처 표시 필수.
3 Square을(를) 어떤 형식으로 다운로드할 수 있나요? +
3 Square은(는) solid 스타일 벡터입니다(viewBox 0 0 16 16). SVG, PNG, WebP 또는 ICO를 다운로드하거나 이 페이지에서 React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask 또는 Base64 코드를 복사하세요.
3 Square 아이콘은 어디에서 왔나요? +
3 Square은(는) Bootstrap Icons 라이브러리의 일부이며, 제작자는 The Bootstrap Authors이고, 사용자 인터페이스 (UI/UX) 카테고리에 속합니다. 라이선스 전문은 이 페이지에 링크된 라이브러리 고지 파일에 있습니다.
100% 브라우저 로컬 처리 | 76,166 개 아이콘
SVG 편집기
브라우저에서 경로, 레이어, 색상, 애니메이션을 편집하고 정리된 SVG, PNG 또는 프레임워크 코드를 내보내세요.