Contrast Drop Line Icon SVG
Contrast Drop Line
Contrast drop line SVG Icon Code | Customize color You can get svg icon contrast drop line in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Contrast drop line
Svg Code <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="none" d="M0 0h24v24H0z" /> <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM12 18V8a5 5 0 0 1 0 10z" /> </g> </svg>
Contrast drop line
Svg Code <svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="white" d="M0 0h24v24H0z" ></path> <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM12 18V8a5 5 0 0 1 0 10z" fill="white" ></path> </g> </svg>
Contrast drop line
Svg Code <svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="red" d="M0 0h24v24H0z" ></path> <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM12 18V8a5 5 0 0 1 0 10z" fill="red" ></path> </g> </svg>
Contrast drop line
Svg Code <svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="blue" d="M0 0h24v24H0z" ></path> <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM12 18V8a5 5 0 0 1 0 10z" fill="blue" ></path> </g> </svg>
Contrast drop line
Svg Code <svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="#f3da35" d="M0 0h24v24H0z" ></path> <path d="M12 3.1L7.05 8.05a7 7 0 1 0 9.9 0L12 3.1zm0-2.828l6.364 6.364a9 9 0 1 1-12.728 0L12 .272zM12 18V8a5 5 0 0 1 0 10z" fill="#f3da35" ></path> </g> </svg>
Advance Editor You can edit contrast drop line as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize