fedora logo
fedora from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- fedora
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M12.001 0C5.376 0 .008 5.369.004 11.992H.002v9.287h.002A2.726 2.726 0 0 0 2.73 24h9.275c6.626-.004 11.993-5.372 11.993-11.997C23.998 5.375 18.628 0 12 0zm2.431 4.94c2.015 0 3.917 1.543 3.917 3.671c0 .197.001.395-.03.619a1 1 0 0 1-1.137.893a1 1 0 0 1-.842-1.175a3 3 0 0 0 .013-.337c0-1.207-.987-1.672-1.92-1.672c-.934 0-1.775.784-1.777 1.672c.016 1.027 0 2.046 0 3.07l1.732-.012c1.352-.028 1.368 2.009.016 1.998l-1.748.013c-.004.826.006.677.002 1.093c0 0 .015 1.01-.016 1.776c-.209 2.25-2.124 4.046-4.424 4.046c-2.438 0-4.448-1.993-4.448-4.437c.073-2.515 2.078-4.492 4.603-4.469l1.409-.01v1.996l-1.409.013h-.007c-1.388.04-2.577.984-2.6 2.47a2.44 2.44 0 0 0 2.452 2.439c1.356 0 2.441-.987 2.441-2.437l-.001-7.557c0-.14.005-.252.02-.407c.23-1.848 1.883-3.256 3.754-3.256"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsFedora(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.001 0C5.376 0 .008 5.369.004 11.992H.002v9.287h.002A2.726 2.726 0 0 0 2.73 24h9.275c6.626-.004 11.993-5.372 11.993-11.997C23.998 5.375 18.628 0 12 0zm2.431 4.94c2.015 0 3.917 1.543 3.917 3.671c0 .197.001.395-.03.619a1 1 0 0 1-1.137.893a1 1 0 0 1-.842-1.175a3 3 0 0 0 .013-.337c0-1.207-.987-1.672-1.92-1.672c-.934 0-1.775.784-1.777 1.672c.016 1.027 0 2.046 0 3.07l1.732-.012c1.352-.028 1.368 2.009.016 1.998l-1.748.013c-.004.826.006.677.002 1.093c0 0 .015 1.01-.016 1.776c-.209 2.25-2.124 4.046-4.424 4.046c-2.438 0-4.448-1.993-4.448-4.437c.073-2.515 2.078-4.492 4.603-4.469l1.409-.01v1.996l-1.409.013h-.007c-1.388.04-2.577.984-2.6 2.47a2.44 2.44 0 0 0 2.452 2.439c1.356 0 2.441-.987 2.441-2.437l-.001-7.557c0-.14.005-.252.02-.407c.23-1.848 1.883-3.256 3.754-3.256"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.001 0C5.376 0 .008 5.369.004 11.992H.002v9.287h.002A2.726 2.726 0 0 0 2.73 24h9.275c6.626-.004 11.993-5.372 11.993-11.997C23.998 5.375 18.628 0 12 0zm2.431 4.94c2.015 0 3.917 1.543 3.917 3.671c0 .197.001.395-.03.619a1 1 0 0 1-1.137.893a1 1 0 0 1-.842-1.175a3 3 0 0 0 .013-.337c0-1.207-.987-1.672-1.92-1.672c-.934 0-1.775.784-1.777 1.672c.016 1.027 0 2.046 0 3.07l1.732-.012c1.352-.028 1.368 2.009.016 1.998l-1.748.013c-.004.826.006.677.002 1.093c0 0 .015 1.01-.016 1.776c-.209 2.25-2.124 4.046-4.424 4.046c-2.438 0-4.448-1.993-4.448-4.437c.073-2.515 2.078-4.492 4.603-4.469l1.409-.01v1.996l-1.409.013h-.007c-1.388.04-2.577.984-2.6 2.47a2.44 2.44 0 0 0 2.452 2.439c1.356 0 2.441-.987 2.441-2.437l-.001-7.557c0-.14.005-.252.02-.407c.23-1.848 1.883-3.256 3.754-3.256"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.001%200C5.376%200%20.008%205.369.004%2011.992H.002v9.287h.002A2.726%202.726%200%200%200%202.73%2024h9.275c6.626-.004%2011.993-5.372%2011.993-11.997C23.998%205.375%2018.628%200%2012%200zm2.431%204.94c2.015%200%203.917%201.543%203.917%203.671c0%20.197.001.395-.03.619a1%201%200%200%201-1.137.893a1%201%200%200%201-.842-1.175a3%203%200%200%200%20.013-.337c0-1.207-.987-1.672-1.92-1.672c-.934%200-1.775.784-1.777%201.672c.016%201.027%200%202.046%200%203.07l1.732-.012c1.352-.028%201.368%202.009.016%201.998l-1.748.013c-.004.826.006.677.002%201.093c0%200%20.015%201.01-.016%201.776c-.209%202.25-2.124%204.046-4.424%204.046c-2.438%200-4.448-1.993-4.448-4.437c.073-2.515%202.078-4.492%204.603-4.469l1.409-.01v1.996l-1.409.013h-.007c-1.388.04-2.577.984-2.6%202.47a2.44%202.44%200%200%200%202.452%202.439c1.356%200%202.441-.987%202.441-2.437l-.001-7.557c0-.14.005-.252.02-.407c.23-1.848%201.883-3.256%203.754-3.256%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.001%200C5.376%200%20.008%205.369.004%2011.992H.002v9.287h.002A2.726%202.726%200%200%200%202.73%2024h9.275c6.626-.004%2011.993-5.372%2011.993-11.997C23.998%205.375%2018.628%200%2012%200zm2.431%204.94c2.015%200%203.917%201.543%203.917%203.671c0%20.197.001.395-.03.619a1%201%200%200%201-1.137.893a1%201%200%200%201-.842-1.175a3%203%200%200%200%20.013-.337c0-1.207-.987-1.672-1.92-1.672c-.934%200-1.775.784-1.777%201.672c.016%201.027%200%202.046%200%203.07l1.732-.012c1.352-.028%201.368%202.009.016%201.998l-1.748.013c-.004.826.006.677.002%201.093c0%200%20.015%201.01-.016%201.776c-.209%202.25-2.124%204.046-4.424%204.046c-2.438%200-4.448-1.993-4.448-4.437c.073-2.515%202.078-4.492%204.603-4.469l1.409-.01v1.996l-1.409.013h-.007c-1.388.04-2.577.984-2.6%202.47a2.44%202.44%200%200%200%202.452%202.439c1.356%200%202.441-.987%202.441-2.437l-.001-7.557c0-.14.005-.252.02-.407c.23-1.848%201.883-3.256%203.754-3.256%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/fedora.svg?color=%231a73e8&size=48
