outline
1. 색상
새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다.
2. 캔버스 배경과 변형
3. 실시간 벡터 애니메이션 프리셋
SVG 내보내기에 포함
별 SVG 아이콘
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. 별 - 상업적 사용과 개인 사용 모두 무료. 회원가입 불필요 | 100% 브라우저 로컬 처리
개발자와 UI 프레임워크를 위한 빠른 복사
실시간 코드 출력
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Star 3D icon" width="36" height="36"><title>Star</title><defs><linearGradient id="nx30482_star-1" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#fddf92"/><stop offset="0.45" stop-color="#fbbf24"/><stop offset="1" stop-color="#ab8218"/></linearGradient><linearGradient id="nx30482_star-2" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fff" stop-opacity="0.6"/><stop offset="0.5" stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><radialGradient id="nx30482_star-3" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#000" stop-opacity="0.28"/><stop offset="1" stop-color="#000" stop-opacity="0"/></radialGradient><radialGradient id="nx30482_star-4" cx="0.5" cy="0.5" r="0.5" fx="0.5" fy="0.5"><stop offset="0" stop-color="#fff" stop-opacity="0.7"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs><path d="M128,42L149.16,90.88L202.18,95.9L162.24,131.12L173.85,183.1L128,156L82.15,183.1L93.76,131.12L53.82,95.9L106.84,90.88Z" transform="translate(4.8 12)" fill="#926f15" stroke="#926f15" stroke-width="14" stroke-linejoin="round"/><path d="M128,42L149.16,90.88L202.18,95.9L162.24,131.12L173.85,183.1L128,156L82.15,183.1L93.76,131.12L53.82,95.9L106.84,90.88Z" transform="translate(4 10)" fill="#926f15" stroke="#926f15" stroke-width="14" stroke-linejoin="round"/><path d="M128,42L149.16,90.88L202.18,95.9L162.24,131.12L173.85,183.1L128,156L82.15,183.1L93.76,131.12L53.82,95.9L106.84,90.88Z" transform="translate(3.2 8)" fill="#926f15" stroke="#926f15" stroke-width="14" stroke-linejoin="round"/><path d="M128,42L149.16,90.88L202.18,95.9L162.24,131.12L173.85,183.1L128,156L82.15,183.1L93.76,131.12L53.82,95.9L106.84,90.88Z" transform="translate(2.4 6)" fill="#926f15" stroke="#926f15" stroke-width="14" stroke-linejoin="round"/><path d="M128,42L149.16,90.88L202.18,95.9L162.24,131.12L173.85,183.1L128,156L82.15,183.1L93.76,131.12L53.82,95.9L106.84,90.88Z" transform="translate(1.6 4)" fill="#926f15" stroke="#926f15" stroke-width="14" stroke-linejoin="round"/><path d="M128,42L149.16,90.88L202.18,95.9L162.24,131.12L173.85,183.1L128,156L82.15,183.1L93.76,131.12L53.82,95.9L106.84,90.88Z" transform="translate(0.8 2)" fill="#926f15" stroke="#926f15" stroke-width="14" stroke-linejoin="round"/><path d="M128,42L149.16,90.88L202.18,95.9L162.24,131.12L173.85,183.1L128,156L82.15,183.1L93.76,131.12L53.82,95.9L106.84,90.88Z" fill="url(#nx30482_star-1)" stroke="url(#nx30482_star-1)" stroke-width="12" stroke-linejoin="round"/><path d="M128,42L149.16,90.88L202.18,95.9L162.24,131.12L173.85,183.1L128,156L82.15,183.1L93.76,131.12L53.82,95.9L106.84,90.88Z" fill="url(#nx30482_star-2)" stroke="url(#nx30482_star-2)" stroke-width="12" stroke-linejoin="round"/><ellipse cx="128" cy="230" rx="70" ry="9" fill="url(#nx30482_star-3)"/><ellipse cx="108" cy="78" rx="16" ry="8" transform="rotate(-40 108 78)" fill="url(#nx30482_star-4)"/></svg>
AI 프롬프트와 벡터 개선
이 아이콘을 개선하거나 새로 꾸밀까요? 별
정교한 엔지니어링 프롬프트를 만들거나 캔버스에서 아이콘을 바로 개선하세요. 별
프롬프트 생성은 100% 브라우저에서
출처와 라이선스 확인
LICENSE.txt
Library: 3D Vector Icons | Author: SVG Nexus 3D Studio | License: MIT | 회원가입 불필요 | 100% 브라우저 로컬 처리
키워드
#star
#3d
별 - 벡터 기술 사양
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. 별
| 표준 자료 식별자 | 3d-svg-icons/star |
|---|---|
| 원본 라이브러리 팩 | 3D Vector Icons |
| 좌표 격자와 viewBox | viewBox="0 0 256 256" |
| 비압축 용량 | 3,042 bytes (~1,673 bytes gzipped) |
| SPDX 라이선스와 상업적 사용 | MIT - 상업적 사용 무료 |
| 지원하는 내보내기 형식 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 보안과 개인정보 보증 | 회원가입 불필요 | 100% 브라우저 로컬 처리 |
이 아이콘 사용과 꾸미기 방법: 별
- 시각적으로 꾸미기: 색상, 자동 (선과 채우기), 선 두께 (
0.5px-4px), 실시간 벡터 애니메이션 프리셋 - 벡터 또는 이미지 내려받기: SVG 다운로드, PNG (투명), WebP (최적화) (
2048x2048 px) - 프레임워크 코드 복사하기: React, Next.js, Vue 3, Svelte, Angular, HTML, CSS 마스크용 코드를 바로 복사하세요.
- 깊은 벡터 편집: SVG 편집기에서 편집 (77,087)
접근성 팁 (WCAG 2.1): 장식용 아이콘은 aria-hidden과 focusable false로 숨깁니다. 아이콘만 있는 버튼에는 분명한 aria-label을 넣습니다. 오른쪽에서 왼쪽으로 쓰는 언어에서는 화살표를 좌우로 뒤집습니다.
star.svg aria-hidden="true" focusable="false"
같은 분류 3D 벡터 아이콘
둘러보기outline
별
Bytesize Icons|interfacesolid
별
Maki|traveloutline
별
Open Iconic|interfaceoutline
별
MingCute Icons|interfacesolid
별
MingCute Icons Fill|interfaceoutline
별
IconPark|interface
Eight Pointed Star
Fluent UI Emoji|3d-icons
Red Square
Fluent UI Emoji|3d-icons
Cube 3D Sphere Off
Tabler Icons|3d-icons
Cube Spark
Tabler Icons|3d-icons
Cube
Phosphor Icons|3d-icons
3D Scroll Wheel
Mouse|3d-icons
Cursor 3D Hand Pointer
Mouse|3d-icons
Cube Four
IconPark|3d-icons
Blockchain Cube
Domain Icons|3d-icons
Cube Focus
Phosphor Icons|3d-icons
Reverse Button
Fluent UI Emoji|3d-icons
3D Left Click
Mouse|3d-icons
Shop Five Star Badge 3D
3D Vector Icons|ecommerce
3D AI Bimodal Perception Unit
3D Vector Icons|3d-icons
3D AI Vector Embedding Index
3D Vector Icons|3d-icons
3D Brand Adidas
3D Vector Icons|3d-icons
3D Brand Apple
3D Vector Icons|3d-icons
3D Brand Apple
3D Vector Icons|3d-icons더 둘러보기
자주 묻는 질문
별 - 자주 묻는 질문
별에는 어떤 라이선스가 적용되나요? +
별은(는) 3D Vector Icons에서 제공되며 MIT의 적용을 받습니다. 출처 표시: 출처 표시 필수.
별을(를) 어떤 형식으로 다운로드할 수 있나요? +
별은(는) 3d 스타일 벡터입니다(viewBox 0 0 256 256). SVG, PNG, WebP 또는 ICO를 다운로드하거나 이 페이지에서 React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask 또는 Base64 코드를 복사하세요.
별 아이콘은 어디에서 왔나요? +
별은(는) 3D Vector Icons 라이브러리의 일부이며, 제작자는 SVG Nexus 3D Studio이고, 3D 벡터 아이콘 카테고리에 속합니다. 라이선스 전문은 이 페이지에 링크된 라이브러리 고지 파일에 있습니다.
100% 브라우저 로컬 처리 | 77,087 개 아이콘
SVG 편집기
브라우저에서 경로, 레이어, 색상, 애니메이션을 편집하고 정리된 SVG, PNG 또는 프레임워크 코드를 내보내세요.