Loading Two Icon SVG
Loading Two
Loading two SVG Icon Code | Customize color
You can get svg icon loading two in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeLoading two
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 4V12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M38.1421 9.85791L32.4852 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M44 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M38.1421 38.1421L32.4852 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 44V36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.85791 38.1421L15.5148 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 24H12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.85791 9.85791L15.5148 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.3464 5.52246L17.8772 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.52246 16.3462L9.21798 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.52246 31.6538L9.21798 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.3464 42.4777L17.8772 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.6538 42.4777L30.123 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42.4776 31.6538L38.7821 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42.4776 16.3462L38.7821 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M31.6538 5.52246L30.123 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Loading two
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M24 4V12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M38.1421 9.85791L32.4852 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M44 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M38.1421 38.1421L32.4852 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M24 44V36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M9.85791 38.1421L15.5148 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M4 24H12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M9.85791 9.85791L15.5148 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M16.3464 5.52246L17.8772 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M5.52246 16.3462L9.21798 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M5.52246 31.6538L9.21798 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M16.3464 42.4777L17.8772 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M31.6538 42.4777L30.123 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M42.4776 31.6538L38.7821 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M42.4776 16.3462L38.7821 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M31.6538 5.52246L30.123 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Loading two
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M24 4V12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M38.1421 9.85791L32.4852 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M44 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M38.1421 38.1421L32.4852 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M24 44V36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M9.85791 38.1421L15.5148 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M4 24H12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M9.85791 9.85791L15.5148 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M16.3464 5.52246L17.8772 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M5.52246 16.3462L9.21798 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M5.52246 31.6538L9.21798 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M16.3464 42.4777L17.8772 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M31.6538 42.4777L30.123 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M42.4776 31.6538L38.7821 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M42.4776 16.3462L38.7821 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M31.6538 5.52246L30.123 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Loading two
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M24 4V12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M38.1421 9.85791L32.4852 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M44 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M38.1421 38.1421L32.4852 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M24 44V36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M9.85791 38.1421L15.5148 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M4 24H12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M9.85791 9.85791L15.5148 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M16.3464 5.52246L17.8772 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M5.52246 16.3462L9.21798 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M5.52246 31.6538L9.21798 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M16.3464 42.4777L17.8772 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M31.6538 42.4777L30.123 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M42.4776 31.6538L38.7821 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M42.4776 16.3462L38.7821 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M31.6538 5.52246L30.123 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Loading two
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M24 4V12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M38.1421 9.85791L32.4852 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M44 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M38.1421 38.1421L32.4852 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M24 44V36" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M9.85791 38.1421L15.5148 32.4852" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M4 24H12" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M9.85791 9.85791L15.5148 15.5148" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M16.3464 5.52246L17.8772 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M5.52246 16.3462L9.21798 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M5.52246 31.6538L9.21798 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M16.3464 42.4777L17.8772 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M31.6538 42.4777L30.123 38.7822" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M42.4776 31.6538L38.7821 30.123" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M42.4776 16.3462L38.7821 17.8769" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M31.6538 5.52246L30.123 9.21798" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit loading two as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements