Area Chart Alt Icon SVG
Area Chart Alt
Area chart alt SVG Icon Code | Customize color
You can get svg icon area chart alt 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 d="M1 0H0V15H15V14.5063C15 14.5042 15 14.5021 15 14.5V2.5C15 2.22386 14.7762 2 14.5 2C14.2239 2 14 2.22386 14 2.5C14 4.6809 13.5148 6.33198 12.8273 7.4205C12.1375 8.51274 11.2769 9 10.5 9C10.1793 9 9.85813 8.84239 9.49543 8.5076C9.12923 8.16957 8.78218 7.70952 8.40004 7.2L8.38432 7.17904C8.02071 6.69418 7.62288 6.1637 7.18293 5.7576C6.73313 5.34239 6.17928 5 5.50004 5C4.2019 5 3.32247 5.98092 2.79313 7.17193C2.25626 8.3799 2.00004 9.95441 2.00004 11.5V11.6972C2.00004 12.5394 1.63043 13.3327 1 13.8738V0Z" 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 d="M1 0H0V15H15V14.5063C15 14.5042 15 14.5021 15 14.5V2.5C15 2.22386 14.7762 2 14.5 2C14.2239 2 14 2.22386 14 2.5C14 4.6809 13.5148 6.33198 12.8273 7.4205C12.1375 8.51274 11.2769 9 10.5 9C10.1793 9 9.85813 8.84239 9.49543 8.5076C9.12923 8.16957 8.78218 7.70952 8.40004 7.2L8.38432 7.17904C8.02071 6.69418 7.62288 6.1637 7.18293 5.7576C6.73313 5.34239 6.17928 5 5.50004 5C4.2019 5 3.32247 5.98092 2.79313 7.17193C2.25626 8.3799 2.00004 9.95441 2.00004 11.5V11.6972C2.00004 12.5394 1.63043 13.3327 1 13.8738V0Z" 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 d="M1 0H0V15H15V14.5063C15 14.5042 15 14.5021 15 14.5V2.5C15 2.22386 14.7762 2 14.5 2C14.2239 2 14 2.22386 14 2.5C14 4.6809 13.5148 6.33198 12.8273 7.4205C12.1375 8.51274 11.2769 9 10.5 9C10.1793 9 9.85813 8.84239 9.49543 8.5076C9.12923 8.16957 8.78218 7.70952 8.40004 7.2L8.38432 7.17904C8.02071 6.69418 7.62288 6.1637 7.18293 5.7576C6.73313 5.34239 6.17928 5 5.50004 5C4.2019 5 3.32247 5.98092 2.79313 7.17193C2.25626 8.3799 2.00004 9.95441 2.00004 11.5V11.6972C2.00004 12.5394 1.63043 13.3327 1 13.8738V0Z" 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 d="M1 0H0V15H15V14.5063C15 14.5042 15 14.5021 15 14.5V2.5C15 2.22386 14.7762 2 14.5 2C14.2239 2 14 2.22386 14 2.5C14 4.6809 13.5148 6.33198 12.8273 7.4205C12.1375 8.51274 11.2769 9 10.5 9C10.1793 9 9.85813 8.84239 9.49543 8.5076C9.12923 8.16957 8.78218 7.70952 8.40004 7.2L8.38432 7.17904C8.02071 6.69418 7.62288 6.1637 7.18293 5.7576C6.73313 5.34239 6.17928 5 5.50004 5C4.2019 5 3.32247 5.98092 2.79313 7.17193C2.25626 8.3799 2.00004 9.95441 2.00004 11.5V11.6972C2.00004 12.5394 1.63043 13.3327 1 13.8738V0Z" 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 d="M1 0H0V15H15V14.5063C15 14.5042 15 14.5021 15 14.5V2.5C15 2.22386 14.7762 2 14.5 2C14.2239 2 14 2.22386 14 2.5C14 4.6809 13.5148 6.33198 12.8273 7.4205C12.1375 8.51274 11.2769 9 10.5 9C10.1793 9 9.85813 8.84239 9.49543 8.5076C9.12923 8.16957 8.78218 7.70952 8.40004 7.2L8.38432 7.17904C8.02071 6.69418 7.62288 6.1637 7.18293 5.7576C6.73313 5.34239 6.17928 5 5.50004 5C4.2019 5 3.32247 5.98092 2.79313 7.17193C2.25626 8.3799 2.00004 9.95441 2.00004 11.5V11.6972C2.00004 12.5394 1.63043 13.3327 1 13.8738V0Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit area chart alt as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements