Endpoints Icon SVG
Endpoints
Endpoints SVG Icon Code | Customize color
You can get svg icon endpoints in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Svg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3.02" y="10.98" width="2" height="2"/><rect x="6.99" y="15.01" width="2" height="2"/><rect x="6.99" y="10.98" width="2" height="2"/><rect x="11" y="10.98" width="2" height="2"/><rect x="15.01" y="10.98" width="2" height="2"/><rect x="19.02" y="10.98" width="2" height="2"/><rect x="15.01" y="7.01" width="2" height="2"/><rect x="5.99" y="17.99" width="4" height="4"/><rect x="14.01" y="2.01" width="4" height="4"/></svg>
Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3.02" y="10.98" width="2" height="2"></rect><rect x="6.99" y="15.01" width="2" height="2"></rect><rect x="6.99" y="10.98" width="2" height="2"></rect><rect x="11" y="10.98" width="2" height="2"></rect><rect x="15.01" y="10.98" width="2" height="2"></rect><rect x="19.02" y="10.98" width="2" height="2"></rect><rect x="15.01" y="7.01" width="2" height="2"></rect><rect x="5.99" y="17.99" width="4" height="4"></rect><rect x="14.01" y="2.01" width="4" height="4"></rect></svg>
Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3.02" y="10.98" width="2" height="2"></rect><rect x="6.99" y="15.01" width="2" height="2"></rect><rect x="6.99" y="10.98" width="2" height="2"></rect><rect x="11" y="10.98" width="2" height="2"></rect><rect x="15.01" y="10.98" width="2" height="2"></rect><rect x="19.02" y="10.98" width="2" height="2"></rect><rect x="15.01" y="7.01" width="2" height="2"></rect><rect x="5.99" y="17.99" width="4" height="4"></rect><rect x="14.01" y="2.01" width="4" height="4"></rect></svg>
Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3.02" y="10.98" width="2" height="2"></rect><rect x="6.99" y="15.01" width="2" height="2"></rect><rect x="6.99" y="10.98" width="2" height="2"></rect><rect x="11" y="10.98" width="2" height="2"></rect><rect x="15.01" y="10.98" width="2" height="2"></rect><rect x="19.02" y="10.98" width="2" height="2"></rect><rect x="15.01" y="7.01" width="2" height="2"></rect><rect x="5.99" y="17.99" width="4" height="4"></rect><rect x="14.01" y="2.01" width="4" height="4"></rect></svg>
Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect x="3.02" y="10.98" width="2" height="2"></rect><rect x="6.99" y="15.01" width="2" height="2"></rect><rect x="6.99" y="10.98" width="2" height="2"></rect><rect x="11" y="10.98" width="2" height="2"></rect><rect x="15.01" y="10.98" width="2" height="2"></rect><rect x="19.02" y="10.98" width="2" height="2"></rect><rect x="15.01" y="7.01" width="2" height="2"></rect><rect x="5.99" y="17.99" width="4" height="4"></rect><rect x="14.01" y="2.01" width="4" height="4"></rect></svg>
Advance Editor
You can edit endpoints as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements