Note Pencil Light Icon SVG
Note Pencil Light
Note pencil light SVG Icon Code | Customize color
You can get svg icon note pencil light in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeNote pencil light
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><polygon points="128 160 96 160 96 128 192 32 224 64 128 160" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M216,120v88a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/></svg> Note pencil light
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><polygon points="128 160 96 160 96 128 192 32 224 64 128 160" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polygon><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line><path d="M216,120v88a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h88" fill="white" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path></svg> Note pencil light
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><polygon points="128 160 96 160 96 128 192 32 224 64 128 160" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polygon><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line><path d="M216,120v88a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h88" fill="red" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path></svg> Note pencil light
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><polygon points="128 160 96 160 96 128 192 32 224 64 128 160" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polygon><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line><path d="M216,120v88a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h88" fill="blue" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path></svg> Note pencil light
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><polygon points="128 160 96 160 96 128 192 32 224 64 128 160" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></polygon><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></line><path d="M216,120v88a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h88" fill="#f3da35" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"></path></svg> Advance Editor
You can edit note pencil light as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements