outline Apache-2.0 4 개 벡터 노드

viewBox 0 0 48 48 정적

색상 · 선 두께 · 실시간 벡터 애니메이션 프리셋

1. 색상

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

선 두께 2.0px

크기 144px

회전 0 deg

불투명도 100%

2. 캔버스 배경과 변형

3. 실시간 벡터 애니메이션 프리셋 SVG 내보내기에 포함

SVG 편집기에서 편집 벡터 스튜디오 열기

IconPark | 사용자 인터페이스 (UI/UX) | viewBox="0 0 48 48" | 상업적 사용 무료

Switch Button SVG 아이콘

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

벡터와 고해상도 이미지 즉시 내려받기

해상도:

새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다. switch-button.svg (1,155 B)

개발자와 UI 프레임워크를 위한 빠른 복사

실시간 코드 출력

<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Switch Button icon"><title>Switch Button - IconPark icon</title><desc>Free Switch Button vector icon from the IconPark open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 48 48, 916 bytes.</desc>
<path d="M36 4H12C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20H36C40.4183 20 44 16.4183 44 12C44 7.58172 40.4183 4 36 4Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/>
<path d="M36 28H12C7.58172 28 4 31.5817 4 36C4 40.4183 7.58172 44 12 44H36C40.4183 44 44 40.4183 44 36C44 31.5817 40.4183 28 36 28Z" fill="#2F88FF" stroke="black" stroke-width="4" stroke-linejoin="round"/>
<path d="M36 14C37.1046 14 38 13.1046 38 12C38 10.8954 37.1046 10 36 10C34.8954 10 34 10.8954 34 12C34 13.1046 34.8954 14 36 14Z" fill="#43CCF8" stroke="white" stroke-width="4" stroke-linejoin="round"/>
<path d="M12 38C13.1046 38 14 37.1046 14 36C14 34.8954 13.1046 34 12 34C10.8954 34 10 34.8954 10 36C10 37.1046 10.8954 38 12 38Z" fill="#43CCF8" stroke="white" stroke-width="4" stroke-linejoin="round"/>
</svg>

AI 프롬프트와 벡터 개선

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

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

개선 스타일 대상 AI 또는 생성기

AI 아이콘 생성기에서 열기

프롬프트 생성은 100% 브라우저에서

출처와 라이선스 확인 LICENSE.txt

키워드

#switch #button #iconpark #interface #outline

Switch Button - 벡터 기술 사양

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

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

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

시각적으로 꾸미기: 색상, 자동 (선과 채우기), 선 두께 (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을 넣습니다. 오른쪽에서 왼쪽으로 쓰는 언어에서는 화살표를 좌우로 뒤집습니다. switch-button.svg aria-hidden="true" focusable="false"

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

둘러보기

outlineApache-2.0

버튼

MingCute Icons|interface

solidMIT

Menu Button Wide

Bootstrap Icons|interface

outlineApache-2.0

Device Grid 3x3

Material Icons|interface

solidMIT

Airplane In Flight

Phosphor Icons|interface

solidMIT

Ambulance

Phosphor Icons|interface

outlineMIT

Media News

Domain Icons|interface

MIT

Devices Pc Off

Tabler Icons|interface

MIT

Directions

Tabler Icons|interface

MIT

Dots Circle Horizontal

Tabler Icons|interface

MIT

Barricade

Phosphor Icons|interface

Apache-2.0

Editor Score

Material Icons|interface

Apache-2.0

Editor Vertical Align Bottom

Material Icons|interface

MIT

Nature Seed

Domain Icons|interface

MIT

Nature Tree

Domain Icons|interface

MIT

1 Square

Bootstrap Icons|interface

MIT

Archlinux

SVG Icons Collection|interface

ISC

Align Horizontal Space Around

Lucide|interface

MIT

Cursor Battleaxe Winged

Mouse|interface

ISC

Align Vertical Space Between

Lucide|interface

Apache-2.0

Align Right

MingCute Icons Fill|interface

MIT

Backpack4

Bootstrap Icons|interface

MIT

Cursor Estoc Piercer

Mouse|interface

MIT

Portfolio

Bytesize Icons|interface

MIT

쿠키

SVG Icons Collection|interface

더 둘러보기

자주 묻는 질문

Switch Button - 자주 묻는 질문

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

Switch Button은(는) IconPark에서 제공되며 Apache-2.0의 적용을 받습니다. 출처 표시: 출처 표시 필수.

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

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

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

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

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

SVG 편집기

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

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

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