figma logo
figma from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- figma
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 384×512
- License
- CC BY 4.0
The same logo in other sets
figma-fillAkar IconsfigmaBoxicons BrandsfigmaCatppuccin IconsfigmaCoreUI BrandsfigmaDeviconfigmaFont Awesome BrandsfigmaFeather Iconsfigmacss.ggfigmaHuge IconsfigmaIconParkfigmaIconPark OutlinefigmaIconPark SolidfigmaIconPark TwoTonefigmaIconoirfigmaLine AwesomefigmaSVG LogosfigmaLucidefigmaMage IconsfigmaMaterial Icon Themefigma-fillMingCute IconfigmaMyna UI IconsfigmaPixelarticonsfigma-fillRemix IconfigmaSimple Icons
Use the figma logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M14 95.792C14 42.888 56.888 0 109.793 0h164.368c52.905 0 95.793 42.888 95.793 95.792c0 33.5-17.196 62.984-43.243 80.105c26.047 17.122 43.243 46.605 43.243 80.105c0 52.905-42.888 95.793-95.793 95.793h-2.08c-24.802 0-47.403-9.426-64.415-24.891v88.263c0 53.61-44.009 96.833-97.357 96.833C57.536 512 14 469.243 14 416.207c0-33.498 17.195-62.98 43.24-80.102C31.194 318.983 14 289.5 14 256.002c0-33.5 17.196-62.983 43.243-80.105C31.196 158.776 14 129.292 14 95.792m162.288 95.795h-66.495c-35.576 0-64.415 28.84-64.415 64.415c0 35.438 28.617 64.192 64.003 64.414l.412-.001h66.495zm31.378 64.415c0 35.575 28.839 64.415 64.415 64.415h2.08c35.576 0 64.415-28.84 64.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576 0-64.415 28.84-64.415 64.415m-97.873 95.793l-.412-.001c-35.386.221-64.003 28.975-64.003 64.413c0 35.445 29.225 64.415 64.931 64.415c36.282 0 65.979-29.436 65.979-65.455v-63.372zm0-320.417c-35.576 0-64.415 28.84-64.415 64.414c0 35.576 28.84 64.415 64.415 64.415h66.495V31.377zm97.873 128.829h66.495c35.576 0 64.415-28.839 64.415-64.415c0-35.575-28.839-64.414-64.415-64.414h-66.495z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6BrandsFigma(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M14 95.792C14 42.888 56.888 0 109.793 0h164.368c52.905 0 95.793 42.888 95.793 95.792c0 33.5-17.196 62.984-43.243 80.105c26.047 17.122 43.243 46.605 43.243 80.105c0 52.905-42.888 95.793-95.793 95.793h-2.08c-24.802 0-47.403-9.426-64.415-24.891v88.263c0 53.61-44.009 96.833-97.357 96.833C57.536 512 14 469.243 14 416.207c0-33.498 17.195-62.98 43.24-80.102C31.194 318.983 14 289.5 14 256.002c0-33.5 17.196-62.983 43.243-80.105C31.196 158.776 14 129.292 14 95.792m162.288 95.795h-66.495c-35.576 0-64.415 28.84-64.415 64.415c0 35.438 28.617 64.192 64.003 64.414l.412-.001h66.495zm31.378 64.415c0 35.575 28.839 64.415 64.415 64.415h2.08c35.576 0 64.415-28.84 64.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576 0-64.415 28.84-64.415 64.415m-97.873 95.793l-.412-.001c-35.386.221-64.003 28.975-64.003 64.413c0 35.445 29.225 64.415 64.931 64.415c36.282 0 65.979-29.436 65.979-65.455v-63.372zm0-320.417c-35.576 0-64.415 28.84-64.415 64.414c0 35.576 28.84 64.415 64.415 64.415h66.495V31.377zm97.873 128.829h66.495c35.576 0 64.415-28.839 64.415-64.415c0-35.575-28.839-64.414-64.415-64.414h-66.495z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M14 95.792C14 42.888 56.888 0 109.793 0h164.368c52.905 0 95.793 42.888 95.793 95.792c0 33.5-17.196 62.984-43.243 80.105c26.047 17.122 43.243 46.605 43.243 80.105c0 52.905-42.888 95.793-95.793 95.793h-2.08c-24.802 0-47.403-9.426-64.415-24.891v88.263c0 53.61-44.009 96.833-97.357 96.833C57.536 512 14 469.243 14 416.207c0-33.498 17.195-62.98 43.24-80.102C31.194 318.983 14 289.5 14 256.002c0-33.5 17.196-62.983 43.243-80.105C31.196 158.776 14 129.292 14 95.792m162.288 95.795h-66.495c-35.576 0-64.415 28.84-64.415 64.415c0 35.438 28.617 64.192 64.003 64.414l.412-.001h66.495zm31.378 64.415c0 35.575 28.839 64.415 64.415 64.415h2.08c35.576 0 64.415-28.84 64.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576 0-64.415 28.84-64.415 64.415m-97.873 95.793l-.412-.001c-35.386.221-64.003 28.975-64.003 64.413c0 35.445 29.225 64.415 64.931 64.415c36.282 0 65.979-29.436 65.979-65.455v-63.372zm0-320.417c-35.576 0-64.415 28.84-64.415 64.414c0 35.576 28.84 64.415 64.415 64.415h66.495V31.377zm97.873 128.829h66.495c35.576 0 64.415-28.839 64.415-64.415c0-35.575-28.839-64.414-64.415-64.414h-66.495z"/></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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%2095.792C14%2042.888%2056.888%200%20109.793%200h164.368c52.905%200%2095.793%2042.888%2095.793%2095.792c0%2033.5-17.196%2062.984-43.243%2080.105c26.047%2017.122%2043.243%2046.605%2043.243%2080.105c0%2052.905-42.888%2095.793-95.793%2095.793h-2.08c-24.802%200-47.403-9.426-64.415-24.891v88.263c0%2053.61-44.009%2096.833-97.357%2096.833C57.536%20512%2014%20469.243%2014%20416.207c0-33.498%2017.195-62.98%2043.24-80.102C31.194%20318.983%2014%20289.5%2014%20256.002c0-33.5%2017.196-62.983%2043.243-80.105C31.196%20158.776%2014%20129.292%2014%2095.792m162.288%2095.795h-66.495c-35.576%200-64.415%2028.84-64.415%2064.415c0%2035.438%2028.617%2064.192%2064.003%2064.414l.412-.001h66.495zm31.378%2064.415c0%2035.575%2028.839%2064.415%2064.415%2064.415h2.08c35.576%200%2064.415-28.84%2064.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576%200-64.415%2028.84-64.415%2064.415m-97.873%2095.793l-.412-.001c-35.386.221-64.003%2028.975-64.003%2064.413c0%2035.445%2029.225%2064.415%2064.931%2064.415c36.282%200%2065.979-29.436%2065.979-65.455v-63.372zm0-320.417c-35.576%200-64.415%2028.84-64.415%2064.414c0%2035.576%2028.84%2064.415%2064.415%2064.415h66.495V31.377zm97.873%20128.829h66.495c35.576%200%2064.415-28.839%2064.415-64.415c0-35.575-28.839-64.414-64.415-64.414h-66.495z%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%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%2095.792C14%2042.888%2056.888%200%20109.793%200h164.368c52.905%200%2095.793%2042.888%2095.793%2095.792c0%2033.5-17.196%2062.984-43.243%2080.105c26.047%2017.122%2043.243%2046.605%2043.243%2080.105c0%2052.905-42.888%2095.793-95.793%2095.793h-2.08c-24.802%200-47.403-9.426-64.415-24.891v88.263c0%2053.61-44.009%2096.833-97.357%2096.833C57.536%20512%2014%20469.243%2014%20416.207c0-33.498%2017.195-62.98%2043.24-80.102C31.194%20318.983%2014%20289.5%2014%20256.002c0-33.5%2017.196-62.983%2043.243-80.105C31.196%20158.776%2014%20129.292%2014%2095.792m162.288%2095.795h-66.495c-35.576%200-64.415%2028.84-64.415%2064.415c0%2035.438%2028.617%2064.192%2064.003%2064.414l.412-.001h66.495zm31.378%2064.415c0%2035.575%2028.839%2064.415%2064.415%2064.415h2.08c35.576%200%2064.415-28.84%2064.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576%200-64.415%2028.84-64.415%2064.415m-97.873%2095.793l-.412-.001c-35.386.221-64.003%2028.975-64.003%2064.413c0%2035.445%2029.225%2064.415%2064.931%2064.415c36.282%200%2065.979-29.436%2065.979-65.455v-63.372zm0-320.417c-35.576%200-64.415%2028.84-64.415%2064.414c0%2035.576%2028.84%2064.415%2064.415%2064.415h66.495V31.377zm97.873%20128.829h66.495c35.576%200%2064.415-28.839%2064.415-64.415c0-35.575-28.839-64.414-64.415-64.414h-66.495z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/figma.svg?color=%231a73e8&size=48
