Lock Small Icon SVG
Lock Small
Lock small SVG Icon Code | Customize color
You can get svg icon lock small 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="M10 5.5V6.08535C10.5826 6.29127 11 6.84689 11 7.5V10.5C11 11.3284 10.3284 12 9.5 12H5.5C4.67157 12 4 11.3284 4 10.5V7.5C4 6.84689 4.4174 6.29127 5 6.08535V5.5C5 4.11929 6.11929 3 7.5 3C8.88071 3 10 4.11929 10 5.5ZM6 5.5C6 4.67157 6.67157 4 7.5 4C8.32843 4 9 4.67157 9 5.5V6H6V5.5Z" 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="M10 5.5V6.08535C10.5826 6.29127 11 6.84689 11 7.5V10.5C11 11.3284 10.3284 12 9.5 12H5.5C4.67157 12 4 11.3284 4 10.5V7.5C4 6.84689 4.4174 6.29127 5 6.08535V5.5C5 4.11929 6.11929 3 7.5 3C8.88071 3 10 4.11929 10 5.5ZM6 5.5C6 4.67157 6.67157 4 7.5 4C8.32843 4 9 4.67157 9 5.5V6H6V5.5Z" 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="M10 5.5V6.08535C10.5826 6.29127 11 6.84689 11 7.5V10.5C11 11.3284 10.3284 12 9.5 12H5.5C4.67157 12 4 11.3284 4 10.5V7.5C4 6.84689 4.4174 6.29127 5 6.08535V5.5C5 4.11929 6.11929 3 7.5 3C8.88071 3 10 4.11929 10 5.5ZM6 5.5C6 4.67157 6.67157 4 7.5 4C8.32843 4 9 4.67157 9 5.5V6H6V5.5Z" 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="M10 5.5V6.08535C10.5826 6.29127 11 6.84689 11 7.5V10.5C11 11.3284 10.3284 12 9.5 12H5.5C4.67157 12 4 11.3284 4 10.5V7.5C4 6.84689 4.4174 6.29127 5 6.08535V5.5C5 4.11929 6.11929 3 7.5 3C8.88071 3 10 4.11929 10 5.5ZM6 5.5C6 4.67157 6.67157 4 7.5 4C8.32843 4 9 4.67157 9 5.5V6H6V5.5Z" 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="M10 5.5V6.08535C10.5826 6.29127 11 6.84689 11 7.5V10.5C11 11.3284 10.3284 12 9.5 12H5.5C4.67157 12 4 11.3284 4 10.5V7.5C4 6.84689 4.4174 6.29127 5 6.08535V5.5C5 4.11929 6.11929 3 7.5 3C8.88071 3 10 4.11929 10 5.5ZM6 5.5C6 4.67157 6.67157 4 7.5 4C8.32843 4 9 4.67157 9 5.5V6H6V5.5Z" fill="black"/> </svg> Advance Editor
You can edit lock small as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements