Apps Outline Icon SVG
Apps Outline
Apps outline SVG Icon Code | Customize color
You can get svg icon apps outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeApps outline
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-h</title><rect x="64" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><rect x="216" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><rect x="368" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><rect x="64" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><rect x="216" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><rect x="368" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><rect x="64" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><rect x="216" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><rect x="368" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/></svg> Apps 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-h</title><rect x="64" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="64" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="64" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect></svg> Apps 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-h</title><rect x="64" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="64" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="64" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect></svg> Apps 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-h</title><rect x="64" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="64" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="64" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect></svg> Apps 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-h</title><rect x="64" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="64" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="64" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="216" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="64" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="216" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect><rect x="368" y="368" width="80" height="80" rx="40" ry="40" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"></rect></svg> Advance Editor
You can edit apps outline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements