Setting Three Icon SVG
Setting Three
Setting three SVG Icon Code | Customize color
You can get svg icon setting three in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSetting three
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"/><circle cx="24" cy="24" r="15" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 39V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M39 23H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 23H9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 4V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.6066 34.6067L38.1421 38.1422" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.8995 12.6863L37.435 9.15075" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.15076 37.4351L12.6863 33.8995" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.85785 9.85791L13.3934 13.3934" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Setting three
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><circle cx="24" cy="24" r="15" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M24 39V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M39 23H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M4 23H9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M24 4V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M34.6066 34.6067L38.1421 38.1422" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M33.8995 12.6863L37.435 9.15075" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M9.15076 37.4351L12.6863 33.8995" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M9.85785 9.85791L13.3934 13.3934" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Setting three
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><circle cx="24" cy="24" r="15" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M24 39V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M39 23H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M4 23H9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M24 4V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M34.6066 34.6067L38.1421 38.1422" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M33.8995 12.6863L37.435 9.15075" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M9.15076 37.4351L12.6863 33.8995" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M9.85785 9.85791L13.3934 13.3934" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Setting three
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><circle cx="24" cy="24" r="15" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M24 39V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M39 23H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M4 23H9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M24 4V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M34.6066 34.6067L38.1421 38.1422" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M33.8995 12.6863L37.435 9.15075" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M9.15076 37.4351L12.6863 33.8995" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M9.85785 9.85791L13.3934 13.3934" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Setting three
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><circle cx="24" cy="24" r="15" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M24 39V44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M39 23H44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M4 23H9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M24 4V9" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M34.6066 34.6067L38.1421 38.1422" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M33.8995 12.6863L37.435 9.15075" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M9.15076 37.4351L12.6863 33.8995" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M9.85785 9.85791L13.3934 13.3934" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit setting three as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements