Fedora icon
logos:fedora
The Fedora icon (logos:fedora) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 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 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#294172" d="M256 128.004C256 57.31 198.691 0 127.998 0C57.336 0 .05 57.262 0 127.914v99.054c.038 16.042 13.049 29.029 29.101 29.029h98.949C198.72 255.969 256 198.679 256 128.004"/><path fill="#3c6eb4" d="M165.58 30.307c-33.109 0-60.045 26.935-60.045 60.045v31.87H73.797c-33.109 0-60.045 26.937-60.045 60.046s26.936 60.045 60.045 60.045s60.045-26.937 60.045-60.045v-31.871h31.738c33.109 0 60.046-26.936 60.046-60.045s-26.937-60.045-60.046-60.045m-59.823 151.961c0 17.622-14.337 31.959-31.96 31.959s-31.96-14.337-31.96-31.959c0-17.623 14.337-31.96 31.96-31.96h31.738v.089h.222zm59.823-59.956h-31.738v-.09h-.221v-31.87c0-17.623 14.337-31.96 31.959-31.96s31.96 14.337 31.96 31.96s-14.338 31.96-31.96 31.96"/><path fill="#fff" d="M178.851 32.128c-4.66-1.218-8.238-1.786-13.271-1.786c-33.177 0-60.075 26.899-60.075 60.074v31.842h-25.16c-7.845 0-14.185 6.165-14.18 13.996c0 7.782 6.27 13.973 14.032 13.973l20.831.004c2.473 0 4.479 2 4.479 4.469v27.553c-.031 17.491-14.219 31.659-31.71 31.659c-5.925 0-7.392-.776-11.437-.776c-8.497 0-14.182 5.696-14.182 13.528c.002 6.479 5.554 12.049 12.348 13.827c4.66 1.218 8.238 1.787 13.271 1.787c33.177 0 60.075-26.899 60.075-60.075v-31.841h25.16c7.845 0 14.185-6.165 14.18-13.996c0-7.783-6.27-13.973-14.032-13.973l-20.831-.004a4.475 4.475 0 0 1-4.479-4.47V90.366c.031-17.491 14.219-31.659 31.71-31.659c5.925 0 7.392.777 11.437.777c8.497 0 14.182-5.697 14.182-13.528c-.002-6.48-5.554-12.05-12.348-13.828"/></svg>
How to use the Fedora icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:fedora" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:fedora" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:fedora" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--fedora]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:fedora"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:fedora"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/fedora.svg" alt="Fedora icon" width="24" height="24">
Fedora icon in other icon sets
Fedora icon FAQ
Is the Fedora 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 Fedora icon in React?
Install @iconify/react and render <Icon icon="logos:fedora" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Fedora icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/fedora.svg" alt="Fedora icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
