Figma Component Icon SVG
Icon Figma component 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.
Figma component Icon Svg Code | Path | Download
Download free Figma Component SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Figma Component Icon SVG code in HTML/Css from below.
Figma Component
Figma component SVG Icon Code | Customize color
You can get svg icon figma component in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeFigma component
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="M17 12L24 5L31 12L24 19L17 12Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 36L24 29L31 36L24 43L17 36Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 24L36 17L43 24L36 31L29 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 24L12 17L19 24L12 31L5 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Figma component
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="M17 12L24 5L31 12L24 19L17 12Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 36L24 29L31 36L24 43L17 36Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 24L36 17L43 24L36 31L29 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 24L12 17L19 24L12 31L5 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Figma component
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="M17 12L24 5L31 12L24 19L17 12Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 36L24 29L31 36L24 43L17 36Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 24L36 17L43 24L36 31L29 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 24L12 17L19 24L12 31L5 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Figma component
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="M17 12L24 5L31 12L24 19L17 12Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 36L24 29L31 36L24 43L17 36Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 24L36 17L43 24L36 31L29 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 24L12 17L19 24L12 31L5 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Figma component
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="M17 12L24 5L31 12L24 19L17 12Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 36L24 29L31 36L24 43L17 36Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M29 24L36 17L43 24L36 31L29 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 24L12 17L19 24L12 31L5 24Z" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit figma component as below. Change size color and background color of icon using below tool.
Advertisements
Figma Component Icon SVG - Faq(s)?
⭐Can I get Free Figma Component Icon SVG?Yes, you can get free Figma Component SVG icons.
⭐ How to download free Figma Component Icon SVG code?To download free Figma Component icons in SVG code click on the copy code button.
⭐How to find the Figma Component Icon SVG path file?You can get the Figma Component SVG file path from the above section.
⭐ What are the colors available for SVG Figma Component Icon?You can check the Figma Component SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements