Shield Tick Icon SVG
Shield Tick
Shield tick SVG Icon Code | Customize color
You can get svg icon shield tick in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.25193 0.0658784C7.40565 -0.0219595 7.59435 -0.0219595 7.74807 0.0658784L14.7481 4.06588C14.9039 4.1549 15 4.32057 15 4.5V5.21989C15 9.75232 11.9954 13.7356 7.63736 14.9808C7.54758 15.0064 7.45242 15.0064 7.36264 14.9808C3.0046 13.7356 0 9.75232 0 5.21989V4.5C0 4.32057 0.096143 4.1549 0.251931 4.06588L7.25193 0.0658784ZM7.0718 10.7107L11.3905 5.31235L10.6096 4.68765L6.92825 9.28933L4.32012 7.11589L3.67993 7.88411L7.0718 10.7107Z" fill="black"/> </svg> Svg Code
<svg style='color: white' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.25193 0.0658784C7.40565 -0.0219595 7.59435 -0.0219595 7.74807 0.0658784L14.7481 4.06588C14.9039 4.1549 15 4.32057 15 4.5V5.21989C15 9.75232 11.9954 13.7356 7.63736 14.9808C7.54758 15.0064 7.45242 15.0064 7.36264 14.9808C3.0046 13.7356 0 9.75232 0 5.21989V4.5C0 4.32057 0.096143 4.1549 0.251931 4.06588L7.25193 0.0658784ZM7.0718 10.7107L11.3905 5.31235L10.6096 4.68765L6.92825 9.28933L4.32012 7.11589L3.67993 7.88411L7.0718 10.7107Z" fill="black"/> </svg> Svg Code
<svg style='color: red' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.25193 0.0658784C7.40565 -0.0219595 7.59435 -0.0219595 7.74807 0.0658784L14.7481 4.06588C14.9039 4.1549 15 4.32057 15 4.5V5.21989C15 9.75232 11.9954 13.7356 7.63736 14.9808C7.54758 15.0064 7.45242 15.0064 7.36264 14.9808C3.0046 13.7356 0 9.75232 0 5.21989V4.5C0 4.32057 0.096143 4.1549 0.251931 4.06588L7.25193 0.0658784ZM7.0718 10.7107L11.3905 5.31235L10.6096 4.68765L6.92825 9.28933L4.32012 7.11589L3.67993 7.88411L7.0718 10.7107Z" fill="black"/> </svg> Svg Code
<svg style='color: blue' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.25193 0.0658784C7.40565 -0.0219595 7.59435 -0.0219595 7.74807 0.0658784L14.7481 4.06588C14.9039 4.1549 15 4.32057 15 4.5V5.21989C15 9.75232 11.9954 13.7356 7.63736 14.9808C7.54758 15.0064 7.45242 15.0064 7.36264 14.9808C3.0046 13.7356 0 9.75232 0 5.21989V4.5C0 4.32057 0.096143 4.1549 0.251931 4.06588L7.25193 0.0658784ZM7.0718 10.7107L11.3905 5.31235L10.6096 4.68765L6.92825 9.28933L4.32012 7.11589L3.67993 7.88411L7.0718 10.7107Z" fill="black"/> </svg> Svg Code
<svg style='color: #f3da35' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.25193 0.0658784C7.40565 -0.0219595 7.59435 -0.0219595 7.74807 0.0658784L14.7481 4.06588C14.9039 4.1549 15 4.32057 15 4.5V5.21989C15 9.75232 11.9954 13.7356 7.63736 14.9808C7.54758 15.0064 7.45242 15.0064 7.36264 14.9808C3.0046 13.7356 0 9.75232 0 5.21989V4.5C0 4.32057 0.096143 4.1549 0.251931 4.06588L7.25193 0.0658784ZM7.0718 10.7107L11.3905 5.31235L10.6096 4.68765L6.92825 9.28933L4.32012 7.11589L3.67993 7.88411L7.0718 10.7107Z" fill="black"/> </svg> Advance Editor
You can edit shield tick as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements