콘텐츠로 이동
SVG Nexus 벡터와 3D 아이콘
outline Apache-2.0 2 개 벡터 노드
Loading - MingCute Icons iconFree Loading vector icon from the MingCute Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 1402 bytes.
viewBox 0 0 24 24 정적
1. 색상

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

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

Loading SVG 아이콘

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

벡터와 고해상도 이미지 즉시 내려받기
새로운 색상을 선택하기 전까지 아이콘의 원본 색상이 그대로 유지됩니다. loading.svg (1,702 B)
개발자와 UI 프레임워크를 위한 빠른 복사
실시간 코드 출력 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Loading icon"><title>Loading - MingCute Icons icon</title><desc>Free Loading vector icon from the MingCute Icons open-source icon library; outline style, Apache-2.0 licence, viewBox 0 0 24 24, 1402 bytes.</desc><defs><clipPath id="nx20170_a"><path fill="none" d="M12 2a1 1 0 1 1 0 2zm5.778 4.467a1 1 0 1 1 1.444-1.384l-.722.692zM11 3.055l-.11-.994zM3 12h1a8 8 0 0 0 8 8v2C6.477 22 2 17.523 2 12zm9 9v-1a8 8 0 0 0 8-8h2c0 5.523-4.477 10-10 10zm9-9h-1a7.97 7.97 0 0 0-2.222-5.533l.722-.692.722-.692A9.97 9.97 0 0 1 22 12zm-9-9v1q-.452 0-.89.049L11 3.055l-.11-.994A10 10 0 0 1 12 2zm-1 .055.11.994A8 8 0 0 0 4 12H2c0-5.148 3.89-9.386 8.89-9.939z"/></clipPath><clipPath id="nx20170_mgc-angular-0-clip-0"><path d="M12 2a1 1 0 1 1 0 2zm5.778 4.467a1 1 0 1 1 1.444-1.384l-.722.692zM11 3.055l-.11-.994zM3 12h1a8 8 0 0 0 8 8v2C6.477 22 2 17.523 2 12zm9 9v-1a8 8 0 0 0 8-8h2c0 5.523-4.477 10-10 10zm9-9h-1a7.97 7.97 0 0 0-2.222-5.533l.722-.692.722-.692A9.97 9.97 0 0 1 22 12zm-9-9v1q-.452 0-.89.049L11 3.055l-.11-.994A10 10 0 0 1 12 2zm-1 .055.11.994A8 8 0 0 0 4 12H2c0-5.148 3.89-9.386 8.89-9.939z"/></clipPath></defs><g clip-path="url(#nx20170_mgc-angular-0-clip-0)" data-mingcute-angular-gradient="mgc-angular-0"><foreignObject width="4000" height="4000" x="-2000" y="-2000" transform="matrix(0.001 -0.009 -0.009 -0.001 12 12)"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgb(16 22 31) 0deg,rgb(16 22 31) 106.873487deg,rgb(16 22 31 / 0.05) 296.252711deg,rgb(16 22 31 / 0) 360deg);height:100%;width:100%;opacity:1"/></foreignObject></g></svg>
AI 프롬프트와 벡터 개선

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

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

AI 아이콘 생성기에서 열기
프롬프트 생성은 100% 브라우저에서
Loading Free SVG Vector Icon - MingCute Icons (Apache-2.0)
출처와 라이선스 확인 LICENSE.txt

Library: MingCute Icons | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | 회원가입 불필요 | 100% 브라우저 로컬 처리

키워드
#loading #mingcute #interface #outline

Loading - 벡터 기술 사양

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

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

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

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

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

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

solidApache-2.0