Fabric icon

logos:fabric

The Fabric icon (logos:fabric) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 195 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 195

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="195" viewBox="0 0 256 195"><path fill="#fec32d" d="M195.575 178.073c-1.29 5.534-1.953 8.904-4.709 12.623c-1.836 2.48-4.845 3.904-7.91 3.545c-2.663-.31-5.242-1.452-7.835-2.45c-29.986-11.541-54.185-31.862-78.634-51.809c-5.827-4.754-18.124-15.761-25.108-21.544c17.003-12.02 24.041-19.454 24.041-19.454c27.398 23.786 59.341 51.632 92.678 65.56c5.312 2.22 10.283 1.5 7.477 13.53m-33.885-89.4c-7.713-6.096-21.204-16.215-28.82-22.09c-19.353-14.929-39.994-27.388-63.672-34.487c-12.825-3.845-14.51-16.736-4.814-28.123c1.763-2.07 4.518-3.428 7.18-2.871c44.1 9.233 77.474 36.255 114.638 70.36c-12.574 6.643-24.513 17.21-24.513 17.21"/><path fill="#2c6db0" d="M135.123 120.68c27.537-27.87 81.002-61.546 107.964-62.784a8.7 8.7 0 0 1 7.801 4.117c2.656 4.308 3.514 9.466 4.307 14.538c.766 4.9-1.789 9.083-6.437 10.385c-32.212 9.023-63.496 30.96-88.888 51.905c-8.541-4.034-24.747-18.16-24.747-18.16m-15.03-52.775C88.46 94.319 54.137 125.83 17.03 137.113c-3.132.953-6.59.167-8.844-2.209c-3.031-3.196-4.192-6.486-5.42-9.687c-4.294-11.185-3.077-14.457 8.038-18.734C36.894 96.44 58.602 79.75 79.605 61.91c3.18-2.701 9.489-7.888 12.968-10.749c11.506 3.084 27.52 16.745 27.52 16.745m-56.989 97.456c9.071-4.649 23.037-10.135 32.14-15.25c7.355 6.484 24.383 19.402 24.383 19.402c-12.347 8.254-32.04 20.543-45.749 24.088c-3.314.857-6.833-.433-8.927-3.141c-4.008-5.187-6.326-10.693-6.525-17.246c-.1-3.287 1.752-6.354 4.678-7.853m73.551-144.697C152.867 10.86 171.108 3.496 183.607.822c3.437-.735 7.03.766 8.916 3.732c3.587 5.64 5.078 11.306 4.712 17.505c-.18 3.058-1.876 5.833-4.564 7.3c-7.841 4.283-21.807 7.622-29.834 11.125c0 0-14.155-11.94-26.182-19.819"/><path fill="#fec32d" d="M233.097 101.673c21.895 8.504 29.971 11.387 13.998 33.451c-1.873 2.586-4.848 2.603-7.956 1.869c-9.962-2.353-27.64-12.54-37.426-18.232c18.038-12.478 31.384-17.088 31.384-17.088M25.672 91.788c-5.407-1.546-15.694-3.177-20.405-6.046c-2.13-1.297-3.562-3.555-3.867-6.03c-.774-6.256.832-11.89 3.883-17.56a8.67 8.67 0 0 1 8.568-4.502c10.499 1.166 29.473 9.1 39.745 13.797C38.72 85.145 25.672 91.788 25.672 91.788"/></svg>

How to use the Fabric icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:fabric" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:fabric" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:fabric" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--fabric]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:fabric"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:fabric"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/fabric.svg" alt="Fabric icon" width="24" height="24">

Fabric icon in other icon sets

Fabric icon FAQ

Is the Fabric icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Fabric icon in React?

Install @iconify/react and render <Icon icon="logos:fabric" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fabric icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/fabric.svg" alt="Fabric icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →