새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다.
Lightbulb - 벡터와 3D 아이콘
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. Lightbulb - 상업적 사용과 개인 사용 모두 무료. 회원가입 불필요 | 100% 브라우저 로컬 처리
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Lightbulb icon"><title>Lightbulb - Phosphor Icons icon</title><desc>Free Lightbulb vector icon from the Phosphor Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc><path d="M208,104a79.86,79.86,0,0,1-30.59,62.92A24.29,24.29,0,0,0,168,186v6a8,8,0,0,1-8,8H96a8,8,0,0,1-8-8v-6a24.11,24.11,0,0,0-9.3-19A79.87,79.87,0,0,1,48,104.45C47.76,61.09,82.72,25,126.07,24A80,80,0,0,1,208,104Z" opacity="0.2"/><path d="M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.49C39.74,56.83,78.26,17.14,125.88,16A88,88,0,0,1,216,104Zm-16,0a72,72,0,0,0-73.74-72c-39,.92-70.47,33.39-70.26,72.39a71.65,71.65,0,0,0,27.64,56.3A32,32,0,0,1,96,186v6h64v-6a32.15,32.15,0,0,1,12.47-25.35A71.65,71.65,0,0,0,200,104Zm-16.11-9.34a57.6,57.6,0,0,0-46.56-46.55,8,8,0,0,0-2.66,15.78c16.57,2.79,30.63,16.85,33.44,33.45A8,8,0,0,0,176,104a9,9,0,0,0,1.35-.11A8,8,0,0,0,183.89,94.66Z"/></svg>
이 아이콘을 개선하거나 새로 꾸밀까요? Lightbulb
정교한 엔지니어링 프롬프트를 만들거나 캔버스에서 아이콘을 바로 개선하세요. Lightbulb
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | 회원가입 불필요 | 100% 브라우저 로컬 처리
Lightbulb - 벡터 기술 사양
출처, 저자, 라이선스는 미리보기와 아이콘 상세에서 확인할 수 있습니다. Lightbulb
| 표준 자료 식별자 | phosphor/phosphor-duotone-lightbulb-duotone |
|---|---|
| 원본 라이브러리 팩 | Phosphor Icons |
| 좌표 격자와 viewBox | viewBox="0 0 256 256" |
| 비압축 용량 | 1,185 bytes (~652 bytes gzipped) |
| SPDX 라이선스와 상업적 사용 | MIT - 상업적 사용 무료 |
| 지원하는 내보내기 형식 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 보안과 개인정보 보증 | 회원가입 불필요 | 100% 브라우저 로컬 처리 |
이 아이콘 사용과 꾸미기 방법: Lightbulb
- 시각적으로 꾸미기: 색상, 자동 (선과 채우기), 선 두께 (
0.5px-4px), 실시간 벡터 애니메이션 프리셋 - 벡터 또는 이미지 내려받기: SVG 다운로드, PNG (투명), WebP (최적화) (
2048x2048 px) - 프레임워크 코드 복사하기: React, Next.js, Vue 3, Svelte, Angular, HTML, CSS 마스크용 코드를 바로 복사하세요.
- 깊은 벡터 편집: SVG 편집기에서 편집 (76,166)
phosphor-duotone-lightbulb-duotone.svg aria-hidden="true" focusable="false"
같은 분류 사용자 인터페이스 (UI/UX)
둘러보기Round Device Device Cameraswitch
Material Icons|interfaceOutline Rectangular Prism Off
Tabler Icons|interfaceOutline Rectangular Prism Plus
Tabler Icons|interfaceRound Device Device Dark Mode
Material Icons|interfaceOutline Rectangular Prism
Tabler Icons|interfaceRound Device Device Data Saver Off
Material Icons|interfaceOutline Recycle Off
Tabler Icons|interfaceRound Device Device Data Saver On
Material Icons|interfaceOutline Recycle
Tabler Icons|interfaceRound Device Device Data Usage
Material Icons|interfaceOutline Reduce Motion
Tabler Icons|interface더 둘러보기
Lightbulb - 자주 묻는 질문
Lightbulb SVG 아이콘은 상업적 이용이 무료인가요? +
네, Phosphor Icons 컬렉션의 Lightbulb 아이콘은 MIT 라이선스로 상업용 웹사이트와 앱에서 무료로 사용할 수 있습니다.
Lightbulb 아이콘을 다운로드할 때 원본 색상이 유지되나요? +
네, 편집기에서 새 색상을 선택하지 않으면 Lightbulb의 기본 색상이 그대로 유지됩니다.
React나 Vue에서 Lightbulb 아이콘을 어떻게 사용하나요? +
이 페이지에서 React TSX 또는 Vue 3 탭을 열고 Copy SVG 를 클릭하세요. 컴포넌트를 프로젝트에 붙여 넣고 CSS 나 Tailwind 로 스타일을 지정하세요.
Lightbulb 아이콘을 투명 PNG로 다운로드할 수 있나요? +
네, 최대 2048px까지 크기를 선택하고 'PNG 다운로드'를 클릭하세요.
Lightbulb 아이콘에 CSS 애니메이션을 적용하려면? +
라이브 편집기에서 애니메이션을 선택하면 CSS 키프레임이 자동으로 포함됩니다.
Lightbulb 아이콘의 AI 프롬프트를 생성할 수 있나요? +
네, 이 페이지의 AI 프롬프트 생성기로 3D, 글래스, 네온 스타일 프롬프트를 만들 수 있습니다.
Lightbulb 아이콘을 화질 저하 없이 크기 조절할 수 있나요? +
가능합니다. Lightbulb 파일은 확장 가능한 viewBox를 가진 벡터라 16px, 64px, 512px, 인쇄에서도 선명합니다.
Lightbulb 파일 문제는 어디에 알리나요? +
아이콘 주소와 함께 support@svgnexus.com 으로 보내 주세요. Lightbulb 라이선스 문의는 legal@svgnexus.com 입니다.
SVG 편집기
브라우저에서 경로, 레이어, 색상, 애니메이션을 편집하고 정리된 SVG, PNG 또는 프레임워크 코드를 내보내세요.