Falcor icon
logos:falcor
The Falcor icon (logos:falcor) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 299 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 × 299
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="299" viewBox="0 0 256 299"><path fill="#4cad31" d="M188.222 191.804v.01l-60.144 35.725l-.078-.047v-.004l-60.218-35.674L7.56 227.488L128 298.842l120.444-71.354z"/><path fill="#64b32c" d="m128 227.488l60.218 35.67L128 298.842z"/><path fill="#8bbe2d" d="M67.782 191.814v71.344L7.56 227.488z"/><path fill="#76b828" d="M128 227.488v71.354l-60.218-35.684z"/><path fill="#5db12e" d="M188.222 263.158v-71.344L128 227.488z"/><path fill="#82bb24" d="m67.782 263.158l60.296-35.619l-60.296-35.725z"/><path fill="#751f82" d="m256 71.354l-.007-.004v-.003l-.003.002L135.553 0v71.347l60.222 35.681v71.358l60.218 35.67V71.359z"/><path fill="#934c98" d="m195.775 107.028l60.218 35.674V71.347z"/><path fill="#8a398d" d="m195.775 107.028l-.004-71.354L256 71.354z"/><path fill="#b987bb" d="m195.775 178.386l60.218 35.67v-71.354z"/><path fill="#a466a7" d="m255.993 142.702l-60.218 35.684v-71.358z"/><path fill="#7b1f82" d="m195.771 35.674l-60.218 35.673l60.222 35.681z"/><path fill="#0062ae" d="m.008 71.35l-.004-.003v.005L0 71.354l.004.002v142.7l60.218-35.67v-71.358l60.225-35.681V0z"/><path fill="#007ec6" d="M60.222 107.028L.004 142.712V71.347z"/><path fill="#26b2e7" d="M120.447 71.347L60.225 35.674L120.447 0z"/><path fill="#008bd0" d="M60.222 107.028L0 71.354l60.225-35.68z"/><path fill="#0071bb" d="m.004 142.712l60.218 35.674v-71.358z"/><path fill="#009ddc" d="m60.225 35.674l-.003 71.354l60.225-35.681z"/></svg>How to use the Falcor icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:falcor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:falcor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:falcor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--falcor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:falcor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:falcor"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/falcor.svg" alt="Falcor icon" width="24" height="24">Falcor icon FAQ
Is the Falcor 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 Falcor icon in React?
Install @iconify/react and render <Icon icon="logos:falcor" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Falcor icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/falcor.svg" alt="Falcor icon">, or paste the SVG code inline to style it with CSS.