Page Number Icon SVG
Page Number
Page number SVG Icon Code | Customize color
You can get svg icon page number in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM10.5 9C9.67159 9 9.00001 9.67157 9.00001 10.5H10C10 10.2239 10.2239 10 10.5 10H10.7929C10.9073 10 11 10.0927 11 10.2071C11 10.262 10.9782 10.3147 10.9394 10.3536L9.14646 12.1464C9.00346 12.2894 8.96068 12.5045 9.03807 12.6913C9.11547 12.8782 9.29778 13 9.50001 13H12V12H10.7071L11.6465 11.0607C11.8728 10.8343 12 10.5273 12 10.2071C12 9.54044 11.4596 9 10.7929 9H10.5Z" fill="black"/> </svg> Svg Code
<svg style="color: white" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM10.5 9C9.67159 9 9.00001 9.67157 9.00001 10.5H10C10 10.2239 10.2239 10 10.5 10H10.7929C10.9073 10 11 10.0927 11 10.2071C11 10.262 10.9782 10.3147 10.9394 10.3536L9.14646 12.1464C9.00346 12.2894 8.96068 12.5045 9.03807 12.6913C9.11547 12.8782 9.29778 13 9.50001 13H12V12H10.7071L11.6465 11.0607C11.8728 10.8343 12 10.5273 12 10.2071C12 9.54044 11.4596 9 10.7929 9H10.5Z" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM10.5 9C9.67159 9 9.00001 9.67157 9.00001 10.5H10C10 10.2239 10.2239 10 10.5 10H10.7929C10.9073 10 11 10.0927 11 10.2071C11 10.262 10.9782 10.3147 10.9394 10.3536L9.14646 12.1464C9.00346 12.2894 8.96068 12.5045 9.03807 12.6913C9.11547 12.8782 9.29778 13 9.50001 13H12V12H10.7071L11.6465 11.0607C11.8728 10.8343 12 10.5273 12 10.2071C12 9.54044 11.4596 9 10.7929 9H10.5Z" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM10.5 9C9.67159 9 9.00001 9.67157 9.00001 10.5H10C10 10.2239 10.2239 10 10.5 10H10.7929C10.9073 10 11 10.0927 11 10.2071C11 10.262 10.9782 10.3147 10.9394 10.3536L9.14646 12.1464C9.00346 12.2894 8.96068 12.5045 9.03807 12.6913C9.11547 12.8782 9.29778 13 9.50001 13H12V12H10.7071L11.6465 11.0607C11.8728 10.8343 12 10.5273 12 10.2071C12 9.54044 11.4596 9 10.7929 9H10.5Z" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 1.5C1 0.671573 1.67157 0 2.5 0H10.7071L14 3.29289V13.5C14 14.3284 13.3284 15 12.5 15H2.5C1.67157 15 1 14.3284 1 13.5V1.5ZM10.5 9C9.67159 9 9.00001 9.67157 9.00001 10.5H10C10 10.2239 10.2239 10 10.5 10H10.7929C10.9073 10 11 10.0927 11 10.2071C11 10.262 10.9782 10.3147 10.9394 10.3536L9.14646 12.1464C9.00346 12.2894 8.96068 12.5045 9.03807 12.6913C9.11547 12.8782 9.29778 13 9.50001 13H12V12H10.7071L11.6465 11.0607C11.8728 10.8343 12 10.5273 12 10.2071C12 9.54044 11.4596 9 10.7929 9H10.5Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit page number as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements