Code Working Outline Icon SVG
Code Working Outline
Code working outline SVG Icon Code | Customize color
You can get svg icon code working outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeCode working outline
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-m</title><circle cx="256" cy="256" r="26"/><circle cx="346" cy="256" r="26"/><circle cx="166" cy="256" r="26"/><polyline points="160 368 32 256 160 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline points="352 368 480 256 352 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg> Code working outline
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-m</title><circle cx="256" cy="256" r="26"></circle><circle cx="346" cy="256" r="26"></circle><circle cx="166" cy="256" r="26"></circle><polyline points="160 368 32 256 160 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline><polyline points="352 368 480 256 352 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline></svg> Code working outline
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-m</title><circle cx="256" cy="256" r="26"></circle><circle cx="346" cy="256" r="26"></circle><circle cx="166" cy="256" r="26"></circle><polyline points="160 368 32 256 160 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline><polyline points="352 368 480 256 352 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline></svg> Code working outline
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-m</title><circle cx="256" cy="256" r="26"></circle><circle cx="346" cy="256" r="26"></circle><circle cx="166" cy="256" r="26"></circle><polyline points="160 368 32 256 160 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline><polyline points="352 368 480 256 352 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline></svg> Code working outline
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-m</title><circle cx="256" cy="256" r="26"></circle><circle cx="346" cy="256" r="26"></circle><circle cx="166" cy="256" r="26"></circle><polyline points="160 368 32 256 160 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline><polyline points="352 368 480 256 352 144" style="fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline></svg> Advance Editor
You can edit code working outline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements