Note Pencil Duotone Icon SVG
Note Pencil Duotone
Note pencil duotone SVG Icon Code | Customize color
You can get svg icon note pencil duotone in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Note pencil duotone
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 168 56 200 88 128 160" opacity="0.2"/><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="16"/><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><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="16"/></svg>
Note pencil duotone
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 168 56 200 88 128 160" opacity="0.2"></polygon><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="16"></polygon><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></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="16"></path></svg>
Note pencil duotone
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 168 56 200 88 128 160" opacity="0.2"></polygon><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="16"></polygon><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></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="16"></path></svg>
Note pencil duotone
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 168 56 200 88 128 160" opacity="0.2"></polygon><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="16"></polygon><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></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="16"></path></svg>
Note pencil duotone
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 168 56 200 88 128 160" opacity="0.2"></polygon><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="16"></polygon><line x1="168" y1="56" x2="200" y2="88" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></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="16"></path></svg>
Advance Editor
You can edit note pencil duotone as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements