fedora logo
fedora from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- fedora
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the fedora logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.167 0 .005 7.156 0 15.99v12.38A3.637 3.637 0 0 0 3.635 32h12.37C24.838 31.995 32 24.833 32 16c0-8.839-7.161-16-16-16m6.125 7.438c-.505 0-.688-.099-1.427-.099a3.965 3.965 0 0 0-3.964 3.958v3.443c0 .307.25.563.557.563h2.604a1.74 1.74 0 0 1 1.755 1.745c0 .979-.792 1.75-1.771 1.75h-3.146v3.979c0 1.99-.792 3.901-2.198 5.313a7.53 7.53 0 0 1-5.313 2.198c-.563 0-1.12-.073-1.656-.224c-.854-.224-1.547-.922-1.547-1.729c0-.979.714-1.693 1.776-1.693c.505 0 .687.099 1.427.099a3.965 3.965 0 0 0 3.964-3.958V19.34a.554.554 0 0 0-.557-.557h-2.604a1.745 1.745 0 0 1-1.755-1.75c0-.979.792-1.75 1.771-1.75h3.146v-3.979a7.51 7.51 0 0 1 7.51-7.51c.625 0 1.073.073 1.656.224c.849.224 1.547.922 1.547 1.729c0 .979-.714 1.693-1.776 1.693z"/></svg>
React
import type { SVGProps } from "react";
export function CibFedora(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.167 0 .005 7.156 0 15.99v12.38A3.637 3.637 0 0 0 3.635 32h12.37C24.838 31.995 32 24.833 32 16c0-8.839-7.161-16-16-16m6.125 7.438c-.505 0-.688-.099-1.427-.099a3.965 3.965 0 0 0-3.964 3.958v3.443c0 .307.25.563.557.563h2.604a1.74 1.74 0 0 1 1.755 1.745c0 .979-.792 1.75-1.771 1.75h-3.146v3.979c0 1.99-.792 3.901-2.198 5.313a7.53 7.53 0 0 1-5.313 2.198c-.563 0-1.12-.073-1.656-.224c-.854-.224-1.547-.922-1.547-1.729c0-.979.714-1.693 1.776-1.693c.505 0 .687.099 1.427.099a3.965 3.965 0 0 0 3.964-3.958V19.34a.554.554 0 0 0-.557-.557h-2.604a1.745 1.745 0 0 1-1.755-1.75c0-.979.792-1.75 1.771-1.75h3.146v-3.979a7.51 7.51 0 0 1 7.51-7.51c.625 0 1.073.073 1.656.224c.849.224 1.547.922 1.547 1.729c0 .979-.714 1.693-1.776 1.693z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.167 0 .005 7.156 0 15.99v12.38A3.637 3.637 0 0 0 3.635 32h12.37C24.838 31.995 32 24.833 32 16c0-8.839-7.161-16-16-16m6.125 7.438c-.505 0-.688-.099-1.427-.099a3.965 3.965 0 0 0-3.964 3.958v3.443c0 .307.25.563.557.563h2.604a1.74 1.74 0 0 1 1.755 1.745c0 .979-.792 1.75-1.771 1.75h-3.146v3.979c0 1.99-.792 3.901-2.198 5.313a7.53 7.53 0 0 1-5.313 2.198c-.563 0-1.12-.073-1.656-.224c-.854-.224-1.547-.922-1.547-1.729c0-.979.714-1.693 1.776-1.693c.505 0 .687.099 1.427.099a3.965 3.965 0 0 0 3.964-3.958V19.34a.554.554 0 0 0-.557-.557h-2.604a1.745 1.745 0 0 1-1.755-1.75c0-.979.792-1.75 1.771-1.75h3.146v-3.979a7.51 7.51 0 0 1 7.51-7.51c.625 0 1.073.073 1.656.224c.849.224 1.547.922 1.547 1.729c0 .979-.714 1.693-1.776 1.693z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.167%200%20.005%207.156%200%2015.99v12.38A3.637%203.637%200%200%200%203.635%2032h12.37C24.838%2031.995%2032%2024.833%2032%2016c0-8.839-7.161-16-16-16m6.125%207.438c-.505%200-.688-.099-1.427-.099a3.965%203.965%200%200%200-3.964%203.958v3.443c0%20.307.25.563.557.563h2.604a1.74%201.74%200%200%201%201.755%201.745c0%20.979-.792%201.75-1.771%201.75h-3.146v3.979c0%201.99-.792%203.901-2.198%205.313a7.53%207.53%200%200%201-5.313%202.198c-.563%200-1.12-.073-1.656-.224c-.854-.224-1.547-.922-1.547-1.729c0-.979.714-1.693%201.776-1.693c.505%200%20.687.099%201.427.099a3.965%203.965%200%200%200%203.964-3.958V19.34a.554.554%200%200%200-.557-.557h-2.604a1.745%201.745%200%200%201-1.755-1.75c0-.979.792-1.75%201.771-1.75h3.146v-3.979a7.51%207.51%200%200%201%207.51-7.51c.625%200%201.073.073%201.656.224c.849.224%201.547.922%201.547%201.729c0%20.979-.714%201.693-1.776%201.693z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%200C7.167%200%20.005%207.156%200%2015.99v12.38A3.637%203.637%200%200%200%203.635%2032h12.37C24.838%2031.995%2032%2024.833%2032%2016c0-8.839-7.161-16-16-16m6.125%207.438c-.505%200-.688-.099-1.427-.099a3.965%203.965%200%200%200-3.964%203.958v3.443c0%20.307.25.563.557.563h2.604a1.74%201.74%200%200%201%201.755%201.745c0%20.979-.792%201.75-1.771%201.75h-3.146v3.979c0%201.99-.792%203.901-2.198%205.313a7.53%207.53%200%200%201-5.313%202.198c-.563%200-1.12-.073-1.656-.224c-.854-.224-1.547-.922-1.547-1.729c0-.979.714-1.693%201.776-1.693c.505%200%20.687.099%201.427.099a3.965%203.965%200%200%200%203.964-3.958V19.34a.554.554%200%200%200-.557-.557h-2.604a1.745%201.745%200%200%201-1.755-1.75c0-.979.792-1.75%201.771-1.75h3.146v-3.979a7.51%207.51%200%200%201%207.51-7.51c.625%200%201.073.073%201.656.224c.849.224%201.547.922%201.547%201.729c0%20.979-.714%201.693-1.776%201.693z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/fedora.svg?color=%231a73e8&size=48
