Proportional Scaling Icon SVG
Proportional Scaling
Proportional scaling SVG Icon Code | Customize color
You can get svg icon proportional scaling in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeProportional scaling
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#icon-1ae9479c8dba777d)"><path d="M22.2679 7C23.0377 5.66667 24.9623 5.66667 25.7321 7L43.0526 37C43.8224 38.3333 42.8601 40 41.3205 40H6.67949C5.13989 40 4.17764 38.3333 4.94744 37L22.2679 7Z" stroke="#333" stroke-width="1"/><path d="M19 40L32 18" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M32 40L38 29" stroke="#333" stroke-width="1" stroke-linecap="round"/></g><defs><clipPath id="icon-1ae9479c8dba777d"><rect width="48" height="48" fill="#333"/></clipPath></defs></svg> Proportional scaling
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#icon-1ae9479c8dba777d)"><path d="M22.2679 7C23.0377 5.66667 24.9623 5.66667 25.7321 7L43.0526 37C43.8224 38.3333 42.8601 40 41.3205 40H6.67949C5.13989 40 4.17764 38.3333 4.94744 37L22.2679 7Z" stroke="#333" stroke-width="1" fill="white"></path><path d="M19 40L32 18" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M32 40L38 29" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></g><defs><clipPath id="icon-1ae9479c8dba777d"><rect width="48" height="48" fill="#333"></rect></clipPath></defs></svg> Proportional scaling
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#icon-1ae9479c8dba777d)"><path d="M22.2679 7C23.0377 5.66667 24.9623 5.66667 25.7321 7L43.0526 37C43.8224 38.3333 42.8601 40 41.3205 40H6.67949C5.13989 40 4.17764 38.3333 4.94744 37L22.2679 7Z" stroke="#333" stroke-width="1" fill="red"></path><path d="M19 40L32 18" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M32 40L38 29" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></g><defs><clipPath id="icon-1ae9479c8dba777d"><rect width="48" height="48" fill="#333"></rect></clipPath></defs></svg> Proportional scaling
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#icon-1ae9479c8dba777d)"><path d="M22.2679 7C23.0377 5.66667 24.9623 5.66667 25.7321 7L43.0526 37C43.8224 38.3333 42.8601 40 41.3205 40H6.67949C5.13989 40 4.17764 38.3333 4.94744 37L22.2679 7Z" stroke="#333" stroke-width="1" fill="blue"></path><path d="M19 40L32 18" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M32 40L38 29" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></g><defs><clipPath id="icon-1ae9479c8dba777d"><rect width="48" height="48" fill="#333"></rect></clipPath></defs></svg> Proportional scaling
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#icon-1ae9479c8dba777d)"><path d="M22.2679 7C23.0377 5.66667 24.9623 5.66667 25.7321 7L43.0526 37C43.8224 38.3333 42.8601 40 41.3205 40H6.67949C5.13989 40 4.17764 38.3333 4.94744 37L22.2679 7Z" stroke="#333" stroke-width="1" fill="#f3da35"></path><path d="M19 40L32 18" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M32 40L38 29" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></g><defs><clipPath id="icon-1ae9479c8dba777d"><rect width="48" height="48" fill="#333"></rect></clipPath></defs></svg> Advance Editor
You can edit proportional scaling as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements