Figma Logo Light Icon SVG
Figma Logo Light SVG Icons refers to a condition where a person's eyes are unable to see colors in common light situations. People with color vision deficiency have a hard time telling colors.
Figma logo light SVG Icon Code | Customize color
You can get svg icon figma logo light in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeFigma logo light
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="162" cy="128" r="34" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162V94H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26h34a34,34,0,0,1,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162v34a34,34,0,1,1-34-34Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/></svg> Figma logo light
DownloadSvg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="162" cy="128" r="34" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162V94H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26h34a34,34,0,0,1,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162v34a34,34,0,1,1-34-34Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/></svg> Figma logo light
DownloadSvg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="162" cy="128" r="34" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162V94H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26h34a34,34,0,0,1,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162v34a34,34,0,1,1-34-34Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/></svg> Figma logo light
DownloadSvg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="162" cy="128" r="34" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162V94H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26h34a34,34,0,0,1,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162v34a34,34,0,1,1-34-34Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/></svg> Figma logo light
DownloadSvg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="162" cy="128" r="34" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162V94H94a34,34,0,0,0,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,94V26h34a34,34,0,0,1,0,68Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/><path d="M128,162v34a34,34,0,1,1-34-34Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"/></svg> Advance Editor
You can edit figma logo light as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements