fedora logo

fedora from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: fedora
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

fedoraCoreUI Brands fedoraDevicon fedoraFont Awesome 6 Brands fedoraLine Awesome fedoraSVG Logos fedoraMaterial Design Icons fedoraSimple Icons

Use the fedora logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 319.8C96.1 196.2 196.3 96 320 96s224 100.3 224 224s-100.2 223.9-223.9 224H146.9c-28.1 0-50.8-22.7-50.9-50.8zm342.6-63.1c0-39.7-35.6-68.5-73.2-68.5c-34.9 0-65.8 26.3-70.1 59.9c-.2 3.8-.4 5-.4 8.5c-.1 21.1 0 42.8-.8 64.4c.9 26.1 1 52.1 0 76.6c0 27.1-19.4 45.5-44.7 45.5s-45.8-20.2-45.8-45.5c.5-27.7 22.6-45.3 48.5-46.1h.2l26.3-.2V314l-26.3.2c-47.1-.4-84.6 36.5-85.9 83.4c0 45.6 37.5 82.9 83 82.9c43 0 78.7-33.6 82.6-75.6l.2-53.5l32.6-.3c25.3.2 25-37.8-.2-37.3l-32.4.3c0-6.4.1-12.8.1-19.2c.1-12.7.1-25.4-.1-38.2c.1-16.5 15.8-31.2 33.2-31.2c17.5 0 35.9 8.7 35.9 31.2c0 3.2-.1 5.1-.3 6.3c-1.9 10.5 5.2 20.4 15.7 21.9c10.6 1.5 20.2-6.1 21.2-16.6c.6-4.2.7-7.9.7-11.6"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsFedora(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 319.8C96.1 196.2 196.3 96 320 96s224 100.3 224 224s-100.2 223.9-223.9 224H146.9c-28.1 0-50.8-22.7-50.9-50.8zm342.6-63.1c0-39.7-35.6-68.5-73.2-68.5c-34.9 0-65.8 26.3-70.1 59.9c-.2 3.8-.4 5-.4 8.5c-.1 21.1 0 42.8-.8 64.4c.9 26.1 1 52.1 0 76.6c0 27.1-19.4 45.5-44.7 45.5s-45.8-20.2-45.8-45.5c.5-27.7 22.6-45.3 48.5-46.1h.2l26.3-.2V314l-26.3.2c-47.1-.4-84.6 36.5-85.9 83.4c0 45.6 37.5 82.9 83 82.9c43 0 78.7-33.6 82.6-75.6l.2-53.5l32.6-.3c25.3.2 25-37.8-.2-37.3l-32.4.3c0-6.4.1-12.8.1-19.2c.1-12.7.1-25.4-.1-38.2c.1-16.5 15.8-31.2 33.2-31.2c17.5 0 35.9 8.7 35.9 31.2c0 3.2-.1 5.1-.3 6.3c-1.9 10.5 5.2 20.4 15.7 21.9c10.6 1.5 20.2-6.1 21.2-16.6c.6-4.2.7-7.9.7-11.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M96 319.8C96.1 196.2 196.3 96 320 96s224 100.3 224 224s-100.2 223.9-223.9 224H146.9c-28.1 0-50.8-22.7-50.9-50.8zm342.6-63.1c0-39.7-35.6-68.5-73.2-68.5c-34.9 0-65.8 26.3-70.1 59.9c-.2 3.8-.4 5-.4 8.5c-.1 21.1 0 42.8-.8 64.4c.9 26.1 1 52.1 0 76.6c0 27.1-19.4 45.5-44.7 45.5s-45.8-20.2-45.8-45.5c.5-27.7 22.6-45.3 48.5-46.1h.2l26.3-.2V314l-26.3.2c-47.1-.4-84.6 36.5-85.9 83.4c0 45.6 37.5 82.9 83 82.9c43 0 78.7-33.6 82.6-75.6l.2-53.5l32.6-.3c25.3.2 25-37.8-.2-37.3l-32.4.3c0-6.4.1-12.8.1-19.2c.1-12.7.1-25.4-.1-38.2c.1-16.5 15.8-31.2 33.2-31.2c17.5 0 35.9 8.7 35.9 31.2c0 3.2-.1 5.1-.3 6.3c-1.9 10.5 5.2 20.4 15.7 21.9c10.6 1.5 20.2-6.1 21.2-16.6c.6-4.2.7-7.9.7-11.6"/></svg>
</template>

CSS

.icon-fedora {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20319.8C96.1%20196.2%20196.3%2096%20320%2096s224%20100.3%20224%20224s-100.2%20223.9-223.9%20224H146.9c-28.1%200-50.8-22.7-50.9-50.8zm342.6-63.1c0-39.7-35.6-68.5-73.2-68.5c-34.9%200-65.8%2026.3-70.1%2059.9c-.2%203.8-.4%205-.4%208.5c-.1%2021.1%200%2042.8-.8%2064.4c.9%2026.1%201%2052.1%200%2076.6c0%2027.1-19.4%2045.5-44.7%2045.5s-45.8-20.2-45.8-45.5c.5-27.7%2022.6-45.3%2048.5-46.1h.2l26.3-.2V314l-26.3.2c-47.1-.4-84.6%2036.5-85.9%2083.4c0%2045.6%2037.5%2082.9%2083%2082.9c43%200%2078.7-33.6%2082.6-75.6l.2-53.5l32.6-.3c25.3.2%2025-37.8-.2-37.3l-32.4.3c0-6.4.1-12.8.1-19.2c.1-12.7.1-25.4-.1-38.2c.1-16.5%2015.8-31.2%2033.2-31.2c17.5%200%2035.9%208.7%2035.9%2031.2c0%203.2-.1%205.1-.3%206.3c-1.9%2010.5%205.2%2020.4%2015.7%2021.9c10.6%201.5%2020.2-6.1%2021.2-16.6c.6-4.2.7-7.9.7-11.6%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20319.8C96.1%20196.2%20196.3%2096%20320%2096s224%20100.3%20224%20224s-100.2%20223.9-223.9%20224H146.9c-28.1%200-50.8-22.7-50.9-50.8zm342.6-63.1c0-39.7-35.6-68.5-73.2-68.5c-34.9%200-65.8%2026.3-70.1%2059.9c-.2%203.8-.4%205-.4%208.5c-.1%2021.1%200%2042.8-.8%2064.4c.9%2026.1%201%2052.1%200%2076.6c0%2027.1-19.4%2045.5-44.7%2045.5s-45.8-20.2-45.8-45.5c.5-27.7%2022.6-45.3%2048.5-46.1h.2l26.3-.2V314l-26.3.2c-47.1-.4-84.6%2036.5-85.9%2083.4c0%2045.6%2037.5%2082.9%2083%2082.9c43%200%2078.7-33.6%2082.6-75.6l.2-53.5l32.6-.3c25.3.2%2025-37.8-.2-37.3l-32.4.3c0-6.4.1-12.8.1-19.2c.1-12.7.1-25.4-.1-38.2c.1-16.5%2015.8-31.2%2033.2-31.2c17.5%200%2035.9%208.7%2035.9%2031.2c0%203.2-.1%205.1-.3%206.3c-1.9%2010.5%205.2%2020.4%2015.7%2021.9c10.6%201.5%2020.2-6.1%2021.2-16.6c.6-4.2.7-7.9.7-11.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/fedora.svg?color=%231a73e8&size=48