Tilt Shift Icon SVG
SVG icon Tilt shift is given below. SVG icon code for Tilt shift can be used in websites, apps (Android/IOS), ppt, and other projects. You can customize & download the Tilt shift Icon SVG file (HMTL/CSS) in different colors and sizes. You can get Svg Tilt shift vector icon code for common colors like- white, black, red, green, blue, transparent, and other colors.
Tilt shift Icon Svg Code | Path | Download
Download free Tilt Shift SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Tilt Shift Icon SVG code in HTML/Css from below.
Tilt Shift
Tilt shift SVG Icon Code | Customize color
You can get svg icon tilt shift in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tilt-shift" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /> <path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /> <path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /> <path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /> <path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /> <path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /> <path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /> <path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /> <circle cx="12" cy="12" r="2" /> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tilt-shift" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /> <path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /> <path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /> <path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /> <path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /> <path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /> <path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /> <path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /> <circle cx="12" cy="12" r="2" /> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tilt-shift" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /> <path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /> <path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /> <path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /> <path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /> <path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /> <path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /> <path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /> <circle cx="12" cy="12" r="2" /> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tilt-shift" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /> <path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /> <path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /> <path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /> <path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /> <path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /> <path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /> <path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /> <circle cx="12" cy="12" r="2" /> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tilt-shift" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M8.56 3.69a9 9 0 0 0 -2.92 1.95" /> <path d="M3.69 8.56a9 9 0 0 0 -.69 3.44" /> <path d="M3.69 15.44a9 9 0 0 0 1.95 2.92" /> <path d="M8.56 20.31a9 9 0 0 0 3.44 .69" /> <path d="M15.44 20.31a9 9 0 0 0 2.92 -1.95" /> <path d="M20.31 15.44a9 9 0 0 0 .69 -3.44" /> <path d="M20.31 8.56a9 9 0 0 0 -1.95 -2.92" /> <path d="M15.44 3.69a9 9 0 0 0 -3.44 -.69" /> <circle cx="12" cy="12" r="2" /> </svg> Advance Editor
You can edit tilt shift as below. Change size color and background color of icon using below tool.
Advertisements
Tilt Shift Icon SVG - Faq(s)?
⭐Can I get Free Tilt Shift Icon SVG?Yes, you can get free Tilt Shift SVG icons.
⭐ How to download free Tilt Shift Icon SVG code?To download free Tilt Shift icons in SVG code click on the copy code button.
⭐How to find the Tilt Shift Icon SVG path file?You can get the Tilt Shift SVG file path from the above section.
⭐ What are the colors available for SVG Tilt Shift Icon?You can check the Tilt Shift SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements