Color Picker Empty Icon SVG
Color Picker Empty
Color picker empty SVG Icon Code | Customize color
You can get svg icon color picker empty 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="M13.8787 7.6966L16 9.81792C16.3906 10.2084 16.3906 10.8416 16 11.2321L8.36329 18.8689C8.26994 18.9622 8.15902 19.0362 8.03694 19.0865L5.54031 20.1145C4.3074 20.6221 3.0745 19.3892 3.58216 18.1563L4.61019 15.6597C4.66046 15.5376 4.7344 15.4267 4.82776 15.3334L12.4645 7.6966C12.855 7.30607 13.4882 7.30607 13.8787 7.6966Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.8787 3.45395L16.0001 5.57527M20.2427 9.81791L18.1214 7.69659M16.0001 5.57527L17.4143 4.16106C17.8048 3.77054 18.438 3.77054 18.8285 4.16106L19.5356 4.86817C19.9261 5.25869 19.9261 5.89186 19.5356 6.28238L18.1214 7.69659M16.0001 5.57527L18.1214 7.69659" 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="M13.8787 7.6966L16 9.81792C16.3906 10.2084 16.3906 10.8416 16 11.2321L8.36329 18.8689C8.26994 18.9622 8.15902 19.0362 8.03694 19.0865L5.54031 20.1145C4.3074 20.6221 3.0745 19.3892 3.58216 18.1563L4.61019 15.6597C4.66046 15.5376 4.7344 15.4267 4.82776 15.3334L12.4645 7.6966C12.855 7.30607 13.4882 7.30607 13.8787 7.6966Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M13.8787 3.45395L16.0001 5.57527M20.2427 9.81791L18.1214 7.69659M16.0001 5.57527L17.4143 4.16106C17.8048 3.77054 18.438 3.77054 18.8285 4.16106L19.5356 4.86817C19.9261 5.25869 19.9261 5.89186 19.5356 6.28238L18.1214 7.69659M16.0001 5.57527L18.1214 7.69659" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </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="M13.8787 7.6966L16 9.81792C16.3906 10.2084 16.3906 10.8416 16 11.2321L8.36329 18.8689C8.26994 18.9622 8.15902 19.0362 8.03694 19.0865L5.54031 20.1145C4.3074 20.6221 3.0745 19.3892 3.58216 18.1563L4.61019 15.6597C4.66046 15.5376 4.7344 15.4267 4.82776 15.3334L12.4645 7.6966C12.855 7.30607 13.4882 7.30607 13.8787 7.6966Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M13.8787 3.45395L16.0001 5.57527M20.2427 9.81791L18.1214 7.69659M16.0001 5.57527L17.4143 4.16106C17.8048 3.77054 18.438 3.77054 18.8285 4.16106L19.5356 4.86817C19.9261 5.25869 19.9261 5.89186 19.5356 6.28238L18.1214 7.69659M16.0001 5.57527L18.1214 7.69659" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </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="M13.8787 7.6966L16 9.81792C16.3906 10.2084 16.3906 10.8416 16 11.2321L8.36329 18.8689C8.26994 18.9622 8.15902 19.0362 8.03694 19.0865L5.54031 20.1145C4.3074 20.6221 3.0745 19.3892 3.58216 18.1563L4.61019 15.6597C4.66046 15.5376 4.7344 15.4267 4.82776 15.3334L12.4645 7.6966C12.855 7.30607 13.4882 7.30607 13.8787 7.6966Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M13.8787 3.45395L16.0001 5.57527M20.2427 9.81791L18.1214 7.69659M16.0001 5.57527L17.4143 4.16106C17.8048 3.77054 18.438 3.77054 18.8285 4.16106L19.5356 4.86817C19.9261 5.25869 19.9261 5.89186 19.5356 6.28238L18.1214 7.69659M16.0001 5.57527L18.1214 7.69659" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </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="M13.8787 7.6966L16 9.81792C16.3906 10.2084 16.3906 10.8416 16 11.2321L8.36329 18.8689C8.26994 18.9622 8.15902 19.0362 8.03694 19.0865L5.54031 20.1145C4.3074 20.6221 3.0745 19.3892 3.58216 18.1563L4.61019 15.6597C4.66046 15.5376 4.7344 15.4267 4.82776 15.3334L12.4645 7.6966C12.855 7.30607 13.4882 7.30607 13.8787 7.6966Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M13.8787 3.45395L16.0001 5.57527M20.2427 9.81791L18.1214 7.69659M16.0001 5.57527L17.4143 4.16106C17.8048 3.77054 18.438 3.77054 18.8285 4.16106L19.5356 4.86817C19.9261 5.25869 19.9261 5.89186 19.5356 6.28238L18.1214 7.69659M16.0001 5.57527L18.1214 7.69659" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg> Advance Editor
You can edit color picker empty as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements