Add icons to this collection by clicking the heart icon.
Swap icon - also known as direction, signaling, traffic sign, road signs, regulation, and swap. Created in a clean lineal color style with a white, silver, black, and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 48 60"
>
<g fill="none">
<g transform="translate(1 1)">
<rect width="46" height="58" fill="#cfd8dc" rx="2" />
<rect width="43" height="58" fill="#f5f5f5" rx="2" />
<g fill="#37474f">
<path
d="M33.5 31a7.5 7.5 0 0 1-7.5-7.5V7a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v16.5a7.5 7.5 0 0 1-7.5 7.5zM29 40.41V53a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V42.07a1 1 0 0 0-.29-.7l-9.24-9.25A5 5 0 0 1 10 28.59v-12.1l-3.6.6a1.17 1.17 0 0 1-1.12-1.85l8.26-11a.56.56 0 0 1 .92 0l8.26 11a1.17 1.17 0 0 1-1.12 1.85l-3.6-.6v10.44a1 1 0 0 0 .29.7l9.25 9.25A5 5 0 0 1 29 40.41z"
/>
</g>
</g>
<g fill="#000">
<path
d="M45 0H3a3 3 0 0 0-3 3v54a3 3 0 0 0 3 3h42a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zm1 57a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h42a1 1 0 0 1 1 1z"
/>
<path
d="M41 6H28a2 2 0 0 0-2 2v16.5a8.5 8.5 0 1 0 17 0V8a2 2 0 0 0-2-2zm0 18.5a6.5 6.5 0 1 1-13 0V8h13z"
/>
<path
d="M20 27.93v-9.26l2.45.41a2.17 2.17 0 0 0 2.07-3.44l-8.25-11a1.62 1.62 0 0 0-2.53 0l-8.26 11a2.17 2.17 0 0 0 2.09 3.43l2.43-.4v10.92a6 6 0 0 0 1.76 4.24L21 43.07V54a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V41.41a5.93 5.93 0 0 0-1.76-4.24zM29 54h-6V43.07a2 2 0 0 0-.58-1.41l-9.25-9.24A4 4 0 0 1 12 29.59v-12.1a1 1 0 0 0-1-1c-.13 0-.1 0-3.75.61a.17.17 0 0 1-.17-.26L15 6.29l7.92 10.54c.09.14 0 .3-.15.27l-3.6-.6a1 1 0 0 0-1.17 1v10.43a2 2 0 0 0 .59 1.41l9.24 9.24A4 4 0 0 1 29 41.41z"
/>
</g>
</g>
</svg>
More icons in the same style and category