figma logo
figma from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- figma
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
The same logo in other sets
All figma icons →figma-fillAkar IconsfigmaBoxicons BrandsfigmaCatppuccin IconsfigmaCoreUI BrandsfigmaDeviconfigmaFont Awesome 6 BrandsfigmaFont Awesome BrandsfigmaFeather Iconsfigmacss.ggfigmaHuge IconsfigmaIconParkfigmaIconPark OutlinefigmaIconPark SolidfigmaIconPark TwoTonefigmaIconoirfigmaLine AwesomefigmaSVG LogosfigmaLucidefigmaMage IconsfigmaMaterial Icon Themefigma-fillMingCute IconfigmaMyna UI IconsfigmaPixelarticonsfigma-fillRemix Icon
Use the figma logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.082 8.241C4.83 7.441 4 6.057 4 4.483 4 2.007 6.05 0 8.578 0h7.844C18.95 0 21 2.007 21 4.483c0 1.574-.829 2.959-2.082 3.758C20.17 9.041 21 10.426 21 12c0 2.476-2.05 4.483-4.578 4.483h-.084A4.615 4.615 0 0113.24 15.3v4.176C13.24 21.98 11.145 24 8.599 24 6.076 24 4 21.998 4 19.517c0-1.574.829-2.959 2.082-3.758C4.829 14.959 4 13.574 4 12c0-1.574.829-2.959 2.082-3.759zM13.24 12c0 1.676 1.387 3.034 3.098 3.034h.084c1.711 0 3.099-1.358 3.099-3.034 0-1.676-1.388-3.034-3.1-3.034h-.083c-1.71 0-3.098 1.358-3.098 3.034zm-1.48-3.034H8.578C6.867 8.966 5.48 10.324 5.48 12c0 1.672 1.382 3.029 3.089 3.034H11.76V8.966zm-3.182 7.517h-.01c-1.707.005-3.089 1.362-3.089 3.034 0 1.67 1.403 3.034 3.12 3.034 1.74 0 3.161-1.381 3.161-3.075v-2.993H8.578zm3.182-8.966H8.578c-1.711 0-3.099-1.358-3.099-3.034 0-1.676 1.388-3.034 3.1-3.034h3.181v6.068zm4.662 0H13.24V1.45h3.182c1.711 0 3.099 1.358 3.099 3.034 0 1.676-1.388 3.034-3.1 3.034z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubFigma(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M6.082 8.241C4.83 7.441 4 6.057 4 4.483 4 2.007 6.05 0 8.578 0h7.844C18.95 0 21 2.007 21 4.483c0 1.574-.829 2.959-2.082 3.758C20.17 9.041 21 10.426 21 12c0 2.476-2.05 4.483-4.578 4.483h-.084A4.615 4.615 0 0113.24 15.3v4.176C13.24 21.98 11.145 24 8.599 24 6.076 24 4 21.998 4 19.517c0-1.574.829-2.959 2.082-3.758C4.829 14.959 4 13.574 4 12c0-1.574.829-2.959 2.082-3.759zM13.24 12c0 1.676 1.387 3.034 3.098 3.034h.084c1.711 0 3.099-1.358 3.099-3.034 0-1.676-1.388-3.034-3.1-3.034h-.083c-1.71 0-3.098 1.358-3.098 3.034zm-1.48-3.034H8.578C6.867 8.966 5.48 10.324 5.48 12c0 1.672 1.382 3.029 3.089 3.034H11.76V8.966zm-3.182 7.517h-.01c-1.707.005-3.089 1.362-3.089 3.034 0 1.67 1.403 3.034 3.12 3.034 1.74 0 3.161-1.381 3.161-3.075v-2.993H8.578zm3.182-8.966H8.578c-1.711 0-3.099-1.358-3.099-3.034 0-1.676 1.388-3.034 3.1-3.034h3.181v6.068zm4.662 0H13.24V1.45h3.182c1.711 0 3.099 1.358 3.099 3.034 0 1.676-1.388 3.034-3.1 3.034z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.082 8.241C4.83 7.441 4 6.057 4 4.483 4 2.007 6.05 0 8.578 0h7.844C18.95 0 21 2.007 21 4.483c0 1.574-.829 2.959-2.082 3.758C20.17 9.041 21 10.426 21 12c0 2.476-2.05 4.483-4.578 4.483h-.084A4.615 4.615 0 0113.24 15.3v4.176C13.24 21.98 11.145 24 8.599 24 6.076 24 4 21.998 4 19.517c0-1.574.829-2.959 2.082-3.758C4.829 14.959 4 13.574 4 12c0-1.574.829-2.959 2.082-3.759zM13.24 12c0 1.676 1.387 3.034 3.098 3.034h.084c1.711 0 3.099-1.358 3.099-3.034 0-1.676-1.388-3.034-3.1-3.034h-.083c-1.71 0-3.098 1.358-3.098 3.034zm-1.48-3.034H8.578C6.867 8.966 5.48 10.324 5.48 12c0 1.672 1.382 3.029 3.089 3.034H11.76V8.966zm-3.182 7.517h-.01c-1.707.005-3.089 1.362-3.089 3.034 0 1.67 1.403 3.034 3.12 3.034 1.74 0 3.161-1.381 3.161-3.075v-2.993H8.578zm3.182-8.966H8.578c-1.711 0-3.099-1.358-3.099-3.034 0-1.676 1.388-3.034 3.1-3.034h3.181v6.068zm4.662 0H13.24V1.45h3.182c1.711 0 3.099 1.358 3.099 3.034 0 1.676-1.388 3.034-3.1 3.034z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-figma {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.082%208.241C4.83%207.441%204%206.057%204%204.483%204%202.007%206.05%200%208.578%200h7.844C18.95%200%2021%202.007%2021%204.483c0%201.574-.829%202.959-2.082%203.758C20.17%209.041%2021%2010.426%2021%2012c0%202.476-2.05%204.483-4.578%204.483h-.084A4.615%204.615%200%200113.24%2015.3v4.176C13.24%2021.98%2011.145%2024%208.599%2024%206.076%2024%204%2021.998%204%2019.517c0-1.574.829-2.959%202.082-3.758C4.829%2014.959%204%2013.574%204%2012c0-1.574.829-2.959%202.082-3.759zM13.24%2012c0%201.676%201.387%203.034%203.098%203.034h.084c1.711%200%203.099-1.358%203.099-3.034%200-1.676-1.388-3.034-3.1-3.034h-.083c-1.71%200-3.098%201.358-3.098%203.034zm-1.48-3.034H8.578C6.867%208.966%205.48%2010.324%205.48%2012c0%201.672%201.382%203.029%203.089%203.034H11.76V8.966zm-3.182%207.517h-.01c-1.707.005-3.089%201.362-3.089%203.034%200%201.67%201.403%203.034%203.12%203.034%201.74%200%203.161-1.381%203.161-3.075v-2.993H8.578zm3.182-8.966H8.578c-1.711%200-3.099-1.358-3.099-3.034%200-1.676%201.388-3.034%203.1-3.034h3.181v6.068zm4.662%200H13.24V1.45h3.182c1.711%200%203.099%201.358%203.099%203.034%200%201.676-1.388%203.034-3.1%203.034z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.082%208.241C4.83%207.441%204%206.057%204%204.483%204%202.007%206.05%200%208.578%200h7.844C18.95%200%2021%202.007%2021%204.483c0%201.574-.829%202.959-2.082%203.758C20.17%209.041%2021%2010.426%2021%2012c0%202.476-2.05%204.483-4.578%204.483h-.084A4.615%204.615%200%200113.24%2015.3v4.176C13.24%2021.98%2011.145%2024%208.599%2024%206.076%2024%204%2021.998%204%2019.517c0-1.574.829-2.959%202.082-3.758C4.829%2014.959%204%2013.574%204%2012c0-1.574.829-2.959%202.082-3.759zM13.24%2012c0%201.676%201.387%203.034%203.098%203.034h.084c1.711%200%203.099-1.358%203.099-3.034%200-1.676-1.388-3.034-3.1-3.034h-.083c-1.71%200-3.098%201.358-3.098%203.034zm-1.48-3.034H8.578C6.867%208.966%205.48%2010.324%205.48%2012c0%201.672%201.382%203.029%203.089%203.034H11.76V8.966zm-3.182%207.517h-.01c-1.707.005-3.089%201.362-3.089%203.034%200%201.67%201.403%203.034%203.12%203.034%201.74%200%203.161-1.381%203.161-3.075v-2.993H8.578zm3.182-8.966H8.578c-1.711%200-3.099-1.358-3.099-3.034%200-1.676%201.388-3.034%203.1-3.034h3.181v6.068zm4.662%200H13.24V1.45h3.182c1.711%200%203.099%201.358%203.099%203.034%200%201.676-1.388%203.034-3.1%203.034z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/figma.svg?color=%231a73e8&size=48
