firefox icon
firefox-fill from Remix Icon by Remix Design · Fill · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- firefox-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More logos icons from Remix Icon
Use the firefox icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.001 2c5.523 0 10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10c0-1.463.314-2.854.88-4.106c.466-.939 1.233-1.874 1.85-2.194c-.653 1.283-.973 2.54-1.04 3.383c.454-1.5 1.315-2.757 2.52-3.644c2.066-1.519 4.848-1.587 5.956-.62c-2.056.707-4.296 3.548-3.803 6.876c.08.55.245 1.083.489 1.582c-.384-1.01-.418-2.433.202-3.358c.692-1.03 1.678-1.248 2.206-1.136c-.208-.044-.668.836-.736.991a3 3 0 0 0-.251 1.25a3.4 3.4 0 0 0 1.03 2.38c1.922 1.871 5.023 1.135 6.411-1.002c.954-1.471 1.07-3.968-.154-5.952a7 7 0 0 0-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205q-1.659.266-2.824.956C7.756 2.798 9.912 2 12 2"/></svg>
React
import type { SVGProps } from "react";
export function RiFirefoxFill(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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10c0-1.463.314-2.854.88-4.106c.466-.939 1.233-1.874 1.85-2.194c-.653 1.283-.973 2.54-1.04 3.383c.454-1.5 1.315-2.757 2.52-3.644c2.066-1.519 4.848-1.587 5.956-.62c-2.056.707-4.296 3.548-3.803 6.876c.08.55.245 1.083.489 1.582c-.384-1.01-.418-2.433.202-3.358c.692-1.03 1.678-1.248 2.206-1.136c-.208-.044-.668.836-.736.991a3 3 0 0 0-.251 1.25a3.4 3.4 0 0 0 1.03 2.38c1.922 1.871 5.023 1.135 6.411-1.002c.954-1.471 1.07-3.968-.154-5.952a7 7 0 0 0-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205q-1.659.266-2.824.956C7.756 2.798 9.912 2 12 2"/></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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10s-10-4.477-10-10c0-1.463.314-2.854.88-4.106c.466-.939 1.233-1.874 1.85-2.194c-.653 1.283-.973 2.54-1.04 3.383c.454-1.5 1.315-2.757 2.52-3.644c2.066-1.519 4.848-1.587 5.956-.62c-2.056.707-4.296 3.548-3.803 6.876c.08.55.245 1.083.489 1.582c-.384-1.01-.418-2.433.202-3.358c.692-1.03 1.678-1.248 2.206-1.136c-.208-.044-.668.836-.736.991a3 3 0 0 0-.251 1.25a3.4 3.4 0 0 0 1.03 2.38c1.922 1.871 5.023 1.135 6.411-1.002c.954-1.471 1.07-3.968-.154-5.952a7 7 0 0 0-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205q-1.659.266-2.824.956C7.756 2.798 9.912 2 12 2"/></svg> </template>
CSS
.icon-firefox-fill {
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%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010s-10-4.477-10-10c0-1.463.314-2.854.88-4.106c.466-.939%201.233-1.874%201.85-2.194c-.653%201.283-.973%202.54-1.04%203.383c.454-1.5%201.315-2.757%202.52-3.644c2.066-1.519%204.848-1.587%205.956-.62c-2.056.707-4.296%203.548-3.803%206.876c.08.55.245%201.083.489%201.582c-.384-1.01-.418-2.433.202-3.358c.692-1.03%201.678-1.248%202.206-1.136c-.208-.044-.668.836-.736.991a3%203%200%200%200-.251%201.25a3.4%203.4%200%200%200%201.03%202.38c1.922%201.871%205.023%201.135%206.411-1.002c.954-1.471%201.07-3.968-.154-5.952a7%207%200%200%200-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205q-1.659.266-2.824.956C7.756%202.798%209.912%202%2012%202%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%202c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010s-10-4.477-10-10c0-1.463.314-2.854.88-4.106c.466-.939%201.233-1.874%201.85-2.194c-.653%201.283-.973%202.54-1.04%203.383c.454-1.5%201.315-2.757%202.52-3.644c2.066-1.519%204.848-1.587%205.956-.62c-2.056.707-4.296%203.548-3.803%206.876c.08.55.245%201.083.489%201.582c-.384-1.01-.418-2.433.202-3.358c.692-1.03%201.678-1.248%202.206-1.136c-.208-.044-.668.836-.736.991a3%203%200%200%200-.251%201.25a3.4%203.4%200%200%200%201.03%202.38c1.922%201.871%205.023%201.135%206.411-1.002c.954-1.471%201.07-3.968-.154-5.952a7%207%200%200%200-1.084-1.32c-1.85-1.766-4.48-2.57-6.982-2.205q-1.659.266-2.824.956C7.756%202.798%209.912%202%2012%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/firefox-fill.svg?color=%231a73e8&size=48
