Refraction Icon SVG
Icon Refraction SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Refraction Icon Svg Code | Path | Download
Download free Refraction SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Refraction Icon SVG code in HTML/Css from below.
Refraction
Refraction SVG Icon Code | Customize color
You can get svg icon refraction in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeRefraction
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 22L19.5 17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 16L44 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 19.5L44 21" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.7002 24L44.0002 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Refraction
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 22L19.5 17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 16L44 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 19.5L44 21" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.7002 24L44.0002 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Refraction
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 22L19.5 17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 16L44 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 19.5L44 21" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.7002 24L44.0002 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Refraction
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 22L19.5 17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 16L44 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 19.5L44 21" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.7002 24L44.0002 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Refraction
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 9L40.4545 37.5H7.54552L24 9Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 22L19.5 17" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M28 16L44 13" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M30 19.5L44 21" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.7002 24L44.0002 29" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit refraction as below. Change size color and background color of icon using below tool.
Advertisements
Refraction Icon SVG - Faq(s)?
⭐Can I get Free Refraction Icon SVG?Yes, you can get free Refraction SVG icons.
⭐ How to download free Refraction Icon SVG code?To download free Refraction icons in SVG code click on the copy code button.
⭐How to find the Refraction Icon SVG path file?You can get the Refraction SVG file path from the above section.
⭐ What are the colors available for SVG Refraction Icon?You can check the Refraction SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements