Mouse One Icon SVG
Mouse One
Mouse one SVG Icon Code | Customize color
You can get svg icon mouse one in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeMouse one
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"/><rect x="12" y="12" width="24" height="32" rx="12" stroke="#333" stroke-width="1"/><path d="M12 24C12 17.3726 17.3726 12 24 12C30.6274 12 36 17.3726 36 24V25H12V24Z" fill="none" stroke="#333" stroke-width="1"/><path d="M24 25C24 25 24 16 24 12C24 8 25.5 4 31 4C37 4 39 9 39 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Mouse one
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><rect x="12" y="12" width="24" height="32" rx="12" stroke="#333" stroke-width="1"></rect><path d="M12 24C12 17.3726 17.3726 12 24 12C30.6274 12 36 17.3726 36 24V25H12V24Z" fill="white" stroke="#333" stroke-width="1"></path><path d="M24 25C24 25 24 16 24 12C24 8 25.5 4 31 4C37 4 39 9 39 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Mouse one
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><rect x="12" y="12" width="24" height="32" rx="12" stroke="#333" stroke-width="1"></rect><path d="M12 24C12 17.3726 17.3726 12 24 12C30.6274 12 36 17.3726 36 24V25H12V24Z" fill="red" stroke="#333" stroke-width="1"></path><path d="M24 25C24 25 24 16 24 12C24 8 25.5 4 31 4C37 4 39 9 39 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Mouse one
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><rect x="12" y="12" width="24" height="32" rx="12" stroke="#333" stroke-width="1"></rect><path d="M12 24C12 17.3726 17.3726 12 24 12C30.6274 12 36 17.3726 36 24V25H12V24Z" fill="blue" stroke="#333" stroke-width="1"></path><path d="M24 25C24 25 24 16 24 12C24 8 25.5 4 31 4C37 4 39 9 39 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Mouse one
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><rect x="12" y="12" width="24" height="32" rx="12" stroke="#333" stroke-width="1"></rect><path d="M12 24C12 17.3726 17.3726 12 24 12C30.6274 12 36 17.3726 36 24V25H12V24Z" fill="#f3da35" stroke="#333" stroke-width="1"></path><path d="M24 25C24 25 24 16 24 12C24 8 25.5 4 31 4C37 4 39 9 39 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit mouse one as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements