I Letter Icon SVG
I Letter
I letter SVG Icon Code | Customize color
You can get svg icon i letter in blue, white, red color and transparent color from below list. You can also customize color using color picker.
I letter
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 30.000001" height="40" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 12.632812 2.457031 L 17.714844 2.457031 L 17.714844 26.40625 L 12.632812 26.40625 Z M 12.632812 2.457031 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path fill="rgb(0%, 0%, 0%)" d="M 17.148438 26.398438 L 13.199219 26.398438 C 12.886719 26.398438 12.632812 26.160156 12.632812 25.863281 L 12.632812 3 C 12.632812 2.707031 12.886719 2.46875 13.199219 2.46875 L 17.148438 2.46875 C 17.460938 2.46875 17.714844 2.707031 17.714844 3 L 17.714844 25.863281 C 17.714844 26.160156 17.460938 26.398438 17.148438 26.398438 Z M 17.148438 26.398438 " fill-opacity="1" fill-rule="nonzero"/></g></svg>
I letter
DownloadSvg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 30.000001" height="40" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 12.632812 2.457031 L 17.714844 2.457031 L 17.714844 26.40625 L 12.632812 26.40625 Z M 12.632812 2.457031 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path fill="rgb(0%, 0%, 0%)" d="M 17.148438 26.398438 L 13.199219 26.398438 C 12.886719 26.398438 12.632812 26.160156 12.632812 25.863281 L 12.632812 3 C 12.632812 2.707031 12.886719 2.46875 13.199219 2.46875 L 17.148438 2.46875 C 17.460938 2.46875 17.714844 2.707031 17.714844 3 L 17.714844 25.863281 C 17.714844 26.160156 17.460938 26.398438 17.148438 26.398438 Z M 17.148438 26.398438 " fill-opacity="1" fill-rule="nonzero"/></g></svg>
I letter
DownloadSvg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 30.000001" height="40" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 12.632812 2.457031 L 17.714844 2.457031 L 17.714844 26.40625 L 12.632812 26.40625 Z M 12.632812 2.457031 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path fill="rgb(0%, 0%, 0%)" d="M 17.148438 26.398438 L 13.199219 26.398438 C 12.886719 26.398438 12.632812 26.160156 12.632812 25.863281 L 12.632812 3 C 12.632812 2.707031 12.886719 2.46875 13.199219 2.46875 L 17.148438 2.46875 C 17.460938 2.46875 17.714844 2.707031 17.714844 3 L 17.714844 25.863281 C 17.714844 26.160156 17.460938 26.398438 17.148438 26.398438 Z M 17.148438 26.398438 " fill-opacity="1" fill-rule="nonzero"/></g></svg>
I letter
DownloadSvg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 30.000001" height="40" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 12.632812 2.457031 L 17.714844 2.457031 L 17.714844 26.40625 L 12.632812 26.40625 Z M 12.632812 2.457031 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path fill="rgb(0%, 0%, 0%)" d="M 17.148438 26.398438 L 13.199219 26.398438 C 12.886719 26.398438 12.632812 26.160156 12.632812 25.863281 L 12.632812 3 C 12.632812 2.707031 12.886719 2.46875 13.199219 2.46875 L 17.148438 2.46875 C 17.460938 2.46875 17.714844 2.707031 17.714844 3 L 17.714844 25.863281 C 17.714844 26.160156 17.460938 26.398438 17.148438 26.398438 Z M 17.148438 26.398438 " fill-opacity="1" fill-rule="nonzero"/></g></svg>
I letter
DownloadSvg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" zoomAndPan="magnify" viewBox="0 0 30 30.000001" height="40" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="id1"><path d="M 12.632812 2.457031 L 17.714844 2.457031 L 17.714844 26.40625 L 12.632812 26.40625 Z M 12.632812 2.457031 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#id1)"><path fill="rgb(0%, 0%, 0%)" d="M 17.148438 26.398438 L 13.199219 26.398438 C 12.886719 26.398438 12.632812 26.160156 12.632812 25.863281 L 12.632812 3 C 12.632812 2.707031 12.886719 2.46875 13.199219 2.46875 L 17.148438 2.46875 C 17.460938 2.46875 17.714844 2.707031 17.714844 3 L 17.714844 25.863281 C 17.714844 26.160156 17.460938 26.398438 17.148438 26.398438 Z M 17.148438 26.398438 " fill-opacity="1" fill-rule="nonzero"/></g></svg>
Advance Editor
You can edit i letter as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements