Shield Loading Icon SVG
Icon Shield loading SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Shield loading Icon Svg Code | Path | Download
Download free Shield Loading SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Shield Loading Icon SVG code in HTML/Css from below.
Shield Loading
Shield loading SVG Icon Code | Customize color
You can get svg icon shield loading in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 10.01L8.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10.01L12.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 10.01L16.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 18L3.13036 4.91253C3.05646 4.39524 3.39389 3.91247 3.90398 3.79912L11.5661 2.09641C11.8519 2.03291 12.1481 2.03291 12.4339 2.09641L20.096 3.79912C20.6061 3.91247 20.9435 4.39524 20.8696 4.91252L19 18C18.9293 18.495 18.5 21.5 12 21.5C5.5 21.5 5.07071 18.495 5 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 10.01L8.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10.01L12.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 10.01L16.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 18L3.13036 4.91253C3.05646 4.39524 3.39389 3.91247 3.90398 3.79912L11.5661 2.09641C11.8519 2.03291 12.1481 2.03291 12.4339 2.09641L20.096 3.79912C20.6061 3.91247 20.9435 4.39524 20.8696 4.91252L19 18C18.9293 18.495 18.5 21.5 12 21.5C5.5 21.5 5.07071 18.495 5 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 10.01L8.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10.01L12.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 10.01L16.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 18L3.13036 4.91253C3.05646 4.39524 3.39389 3.91247 3.90398 3.79912L11.5661 2.09641C11.8519 2.03291 12.1481 2.03291 12.4339 2.09641L20.096 3.79912C20.6061 3.91247 20.9435 4.39524 20.8696 4.91252L19 18C18.9293 18.495 18.5 21.5 12 21.5C5.5 21.5 5.07071 18.495 5 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 10.01L8.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10.01L12.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 10.01L16.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 18L3.13036 4.91253C3.05646 4.39524 3.39389 3.91247 3.90398 3.79912L11.5661 2.09641C11.8519 2.03291 12.1481 2.03291 12.4339 2.09641L20.096 3.79912C20.6061 3.91247 20.9435 4.39524 20.8696 4.91252L19 18C18.9293 18.495 18.5 21.5 12 21.5C5.5 21.5 5.07071 18.495 5 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 10.01L8.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 10.01L12.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 10.01L16.01 9.99889" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 18L3.13036 4.91253C3.05646 4.39524 3.39389 3.91247 3.90398 3.79912L11.5661 2.09641C11.8519 2.03291 12.1481 2.03291 12.4339 2.09641L20.096 3.79912C20.6061 3.91247 20.9435 4.39524 20.8696 4.91252L19 18C18.9293 18.495 18.5 21.5 12 21.5C5.5 21.5 5.07071 18.495 5 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Advance Editor
You can edit shield loading as below. Change size color and background color of icon using below tool.
Advertisements
Shield Loading Icon SVG - Faq(s)?
⭐Can I get Free Shield Loading Icon SVG?Yes, you can get free Shield Loading SVG icons.
⭐ How to download free Shield Loading Icon SVG code?To download free Shield Loading icons in SVG code click on the copy code button.
⭐How to find the Shield Loading Icon SVG path file?You can get the Shield Loading SVG file path from the above section.
⭐ What are the colors available for SVG Shield Loading Icon?You can check the Shield Loading SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements