figma icon
figma-fill from Akar Icons by Arturo Wibawa · Fill · MIT Free for personal and commercial use.
- Name
- figma-fill
- Set
- Akar Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
- Aliases
- figma
The same icon in other sets
figmaBoxicons BrandsfigmaCatppuccin IconsfigmaCoreUI BrandsfigmaDeviconfigmaFont Awesome 6 BrandsfigmaFont Awesome BrandsfigmaFeather Iconsfigmacss.ggfigmaHuge IconsfigmaIconParkfigmaIconPark OutlinefigmaIconPark SolidfigmaIconPark TwoTonefigmaIconoirfigmaLine AwesomefigmaSVG LogosfigmaLucidefigmaMage IconsfigmaMaterial Icon Themefigma-fillMingCute IconfigmaMyna UI IconsfigmaPixelarticonsfigma-fillRemix IconfigmaSimple Icons
Use the figma icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="currentColor" fill-rule="evenodd" d="M8.415 0C5.968 0 4 2.053 4 4.568c0 1.529.728 2.887 1.847 3.716A4.61 4.61 0 0 0 4 12c0 1.53.728 2.887 1.847 3.716A4.61 4.61 0 0 0 4 19.432C4 21.947 5.968 24 8.415 24s4.415-2.053 4.415-4.568V15.57a4.3 4.3 0 0 0 2.755.999C18.032 16.568 20 14.515 20 12a4.61 4.61 0 0 0-1.847-3.716A4.61 4.61 0 0 0 20 4.568C20 2.053 18.032 0 15.585 0zM5.659 4.568c0-1.591 1.242-2.865 2.756-2.865h2.755v5.73H8.415c-1.514 0-2.756-1.275-2.756-2.865m9.926 2.864H12.83v-5.73h2.755c1.515 0 2.756 1.275 2.756 2.866c0 1.59-1.241 2.864-2.756 2.864M5.66 12c0-1.59 1.242-2.865 2.756-2.865h2.755v5.73H8.415C6.9 14.865 5.659 13.59 5.659 12m7.17 0c0-1.59 1.242-2.865 2.756-2.865c1.515 0 2.756 1.274 2.756 2.865c0 1.59-1.241 2.865-2.756 2.865S12.83 13.59 12.83 12m-7.17 7.432c0-1.59 1.242-2.864 2.756-2.864h2.755v2.864c0 1.591-1.24 2.865-2.755 2.865S5.66 21.023 5.66 19.432" clip-rule="evenodd"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function AkarIconsFigmaFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGXv8lpc2Y)"><path fill="currentColor" fillRule="evenodd" d="M8.415 0C5.968 0 4 2.053 4 4.568c0 1.529.728 2.887 1.847 3.716A4.61 4.61 0 0 0 4 12c0 1.53.728 2.887 1.847 3.716A4.61 4.61 0 0 0 4 19.432C4 21.947 5.968 24 8.415 24s4.415-2.053 4.415-4.568V15.57a4.3 4.3 0 0 0 2.755.999C18.032 16.568 20 14.515 20 12a4.61 4.61 0 0 0-1.847-3.716A4.61 4.61 0 0 0 20 4.568C20 2.053 18.032 0 15.585 0zM5.659 4.568c0-1.591 1.242-2.865 2.756-2.865h2.755v5.73H8.415c-1.514 0-2.756-1.275-2.756-2.865m9.926 2.864H12.83v-5.73h2.755c1.515 0 2.756 1.275 2.756 2.866c0 1.59-1.241 2.864-2.756 2.864M5.66 12c0-1.59 1.242-2.865 2.756-2.865h2.755v5.73H8.415C6.9 14.865 5.659 13.59 5.659 12m7.17 0c0-1.59 1.242-2.865 2.756-2.865c1.515 0 2.756 1.274 2.756 2.865c0 1.59-1.241 2.865-2.756 2.865S12.83 13.59 12.83 12m-7.17 7.432c0-1.59 1.242-2.864 2.756-2.864h2.755v2.864c0 1.591-1.24 2.865-2.755 2.865S5.66 21.023 5.66 19.432" clipRule="evenodd"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="currentColor" fill-rule="evenodd" d="M8.415 0C5.968 0 4 2.053 4 4.568c0 1.529.728 2.887 1.847 3.716A4.61 4.61 0 0 0 4 12c0 1.53.728 2.887 1.847 3.716A4.61 4.61 0 0 0 4 19.432C4 21.947 5.968 24 8.415 24s4.415-2.053 4.415-4.568V15.57a4.3 4.3 0 0 0 2.755.999C18.032 16.568 20 14.515 20 12a4.61 4.61 0 0 0-1.847-3.716A4.61 4.61 0 0 0 20 4.568C20 2.053 18.032 0 15.585 0zM5.659 4.568c0-1.591 1.242-2.865 2.756-2.865h2.755v5.73H8.415c-1.514 0-2.756-1.275-2.756-2.865m9.926 2.864H12.83v-5.73h2.755c1.515 0 2.756 1.275 2.756 2.866c0 1.59-1.241 2.864-2.756 2.864M5.66 12c0-1.59 1.242-2.865 2.756-2.865h2.755v5.73H8.415C6.9 14.865 5.659 13.59 5.659 12m7.17 0c0-1.59 1.242-2.865 2.756-2.865c1.515 0 2.756 1.274 2.756 2.865c0 1.59-1.241 2.865-2.756 2.865S12.83 13.59 12.83 12m-7.17 7.432c0-1.59 1.242-2.864 2.756-2.864h2.755v2.864c0 1.591-1.24 2.865-2.755 2.865S5.66 21.023 5.66 19.432" clip-rule="evenodd"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-figma-fill {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGXv8lpc2Y)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.415%200C5.968%200%204%202.053%204%204.568c0%201.529.728%202.887%201.847%203.716A4.61%204.61%200%200%200%204%2012c0%201.53.728%202.887%201.847%203.716A4.61%204.61%200%200%200%204%2019.432C4%2021.947%205.968%2024%208.415%2024s4.415-2.053%204.415-4.568V15.57a4.3%204.3%200%200%200%202.755.999C18.032%2016.568%2020%2014.515%2020%2012a4.61%204.61%200%200%200-1.847-3.716A4.61%204.61%200%200%200%2020%204.568C20%202.053%2018.032%200%2015.585%200zM5.659%204.568c0-1.591%201.242-2.865%202.756-2.865h2.755v5.73H8.415c-1.514%200-2.756-1.275-2.756-2.865m9.926%202.864H12.83v-5.73h2.755c1.515%200%202.756%201.275%202.756%202.866c0%201.59-1.241%202.864-2.756%202.864M5.66%2012c0-1.59%201.242-2.865%202.756-2.865h2.755v5.73H8.415C6.9%2014.865%205.659%2013.59%205.659%2012m7.17%200c0-1.59%201.242-2.865%202.756-2.865c1.515%200%202.756%201.274%202.756%202.865c0%201.59-1.241%202.865-2.756%202.865S12.83%2013.59%2012.83%2012m-7.17%207.432c0-1.59%201.242-2.864%202.756-2.864h2.755v2.864c0%201.591-1.24%202.865-2.755%202.865S5.66%2021.023%205.66%2019.432%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGXv8lpc2Y%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGXv8lpc2Y)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.415%200C5.968%200%204%202.053%204%204.568c0%201.529.728%202.887%201.847%203.716A4.61%204.61%200%200%200%204%2012c0%201.53.728%202.887%201.847%203.716A4.61%204.61%200%200%200%204%2019.432C4%2021.947%205.968%2024%208.415%2024s4.415-2.053%204.415-4.568V15.57a4.3%204.3%200%200%200%202.755.999C18.032%2016.568%2020%2014.515%2020%2012a4.61%204.61%200%200%200-1.847-3.716A4.61%204.61%200%200%200%2020%204.568C20%202.053%2018.032%200%2015.585%200zM5.659%204.568c0-1.591%201.242-2.865%202.756-2.865h2.755v5.73H8.415c-1.514%200-2.756-1.275-2.756-2.865m9.926%202.864H12.83v-5.73h2.755c1.515%200%202.756%201.275%202.756%202.866c0%201.59-1.241%202.864-2.756%202.864M5.66%2012c0-1.59%201.242-2.865%202.756-2.865h2.755v5.73H8.415C6.9%2014.865%205.659%2013.59%205.659%2012m7.17%200c0-1.59%201.242-2.865%202.756-2.865c1.515%200%202.756%201.274%202.756%202.865c0%201.59-1.241%202.865-2.756%202.865S12.83%2013.59%2012.83%2012m-7.17%207.432c0-1.59%201.242-2.864%202.756-2.864h2.755v2.864c0%201.591-1.24%202.865-2.755%202.865S5.66%2021.023%205.66%2019.432%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGXv8lpc2Y%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/akar-icons/figma-fill.svg?color=%231a73e8&size=48
