mozilla firefox logo
mozilla-firefox from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mozilla-firefox
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
Use the mozilla firefox logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.807 9.776c.011 0 .005 0 0 0M8.109 7.927c.011 0 .005 0 0 0m22.12 2.854c-.667-1.604-2.021-3.333-3.079-3.885c.865 1.692 1.365 3.396 1.552 4.661l.005.027c-1.739-4.329-4.681-6.073-7.088-9.871c-.12-.192-.24-.385-.36-.588c-.063-.104-.115-.208-.172-.319a2.8 2.8 0 0 1-.224-.609c0-.02-.015-.036-.036-.041h-.031l-.005.005c-.005 0-.011.005-.011.005s0-.005.005-.011c-3.417 2-4.828 5.505-5.193 7.729a8.3 8.3 0 0 0-3.041.776a.396.396 0 0 0-.197.489a.387.387 0 0 0 .525.224a7.4 7.4 0 0 1 2.651-.687l.089-.011c.125-.005.255-.011.38-.011a7.7 7.7 0 0 1 2.203.307l.125.037c.12.036.235.077.355.12c.083.031.172.063.255.099c.068.025.136.057.203.083q.157.073.313.152l.14.067q.155.08.303.167q.094.054.187.115a7.8 7.8 0 0 1 2.683 2.776c-.817-.572-2.287-1.145-3.697-.895c5.52 2.76 4.036 12.265-3.615 11.905a6.6 6.6 0 0 1-2.448-.568l-.26-.124c-1.876-.969-3.423-2.803-3.615-5.027c0 0 .708-2.64 5.072-2.64c.475 0 1.824-1.319 1.849-1.699c-.011-.125-2.683-1.187-3.724-2.213c-.557-.547-.817-.812-1.052-1.011a4 4 0 0 0-.401-.301a7.1 7.1 0 0 1-.041-3.751c-1.579.719-2.803 1.855-3.693 2.855h-.009c-.609-.771-.563-3.313-.532-3.844c-.005-.036-.453.229-.511.271c-.536.385-1.041.813-1.5 1.287a13.5 13.5 0 0 0-1.437 1.719a13 13 0 0 0-2.057 4.645a18 18 0 0 0-.249 1.417a8 8 0 0 0-.052.359a10 10 0 0 0-.089.881L.7 15.9c-.009.172-.02.339-.031.511v.077c0 8.48 6.875 15.355 15.355 15.355c7.593 0 13.9-5.516 15.135-12.756c.027-.197.047-.395.068-.593c.307-2.631-.031-5.401-.995-7.713z"/></svg>
React
import type { SVGProps } from "react";
export function CibMozillaFirefox(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="M11.807 9.776c.011 0 .005 0 0 0M8.109 7.927c.011 0 .005 0 0 0m22.12 2.854c-.667-1.604-2.021-3.333-3.079-3.885c.865 1.692 1.365 3.396 1.552 4.661l.005.027c-1.739-4.329-4.681-6.073-7.088-9.871c-.12-.192-.24-.385-.36-.588c-.063-.104-.115-.208-.172-.319a2.8 2.8 0 0 1-.224-.609c0-.02-.015-.036-.036-.041h-.031l-.005.005c-.005 0-.011.005-.011.005s0-.005.005-.011c-3.417 2-4.828 5.505-5.193 7.729a8.3 8.3 0 0 0-3.041.776a.396.396 0 0 0-.197.489a.387.387 0 0 0 .525.224a7.4 7.4 0 0 1 2.651-.687l.089-.011c.125-.005.255-.011.38-.011a7.7 7.7 0 0 1 2.203.307l.125.037c.12.036.235.077.355.12c.083.031.172.063.255.099c.068.025.136.057.203.083q.157.073.313.152l.14.067q.155.08.303.167q.094.054.187.115a7.8 7.8 0 0 1 2.683 2.776c-.817-.572-2.287-1.145-3.697-.895c5.52 2.76 4.036 12.265-3.615 11.905a6.6 6.6 0 0 1-2.448-.568l-.26-.124c-1.876-.969-3.423-2.803-3.615-5.027c0 0 .708-2.64 5.072-2.64c.475 0 1.824-1.319 1.849-1.699c-.011-.125-2.683-1.187-3.724-2.213c-.557-.547-.817-.812-1.052-1.011a4 4 0 0 0-.401-.301a7.1 7.1 0 0 1-.041-3.751c-1.579.719-2.803 1.855-3.693 2.855h-.009c-.609-.771-.563-3.313-.532-3.844c-.005-.036-.453.229-.511.271c-.536.385-1.041.813-1.5 1.287a13.5 13.5 0 0 0-1.437 1.719a13 13 0 0 0-2.057 4.645a18 18 0 0 0-.249 1.417a8 8 0 0 0-.052.359a10 10 0 0 0-.089.881L.7 15.9c-.009.172-.02.339-.031.511v.077c0 8.48 6.875 15.355 15.355 15.355c7.593 0 13.9-5.516 15.135-12.756c.027-.197.047-.395.068-.593c.307-2.631-.031-5.401-.995-7.713z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.807 9.776c.011 0 .005 0 0 0M8.109 7.927c.011 0 .005 0 0 0m22.12 2.854c-.667-1.604-2.021-3.333-3.079-3.885c.865 1.692 1.365 3.396 1.552 4.661l.005.027c-1.739-4.329-4.681-6.073-7.088-9.871c-.12-.192-.24-.385-.36-.588c-.063-.104-.115-.208-.172-.319a2.8 2.8 0 0 1-.224-.609c0-.02-.015-.036-.036-.041h-.031l-.005.005c-.005 0-.011.005-.011.005s0-.005.005-.011c-3.417 2-4.828 5.505-5.193 7.729a8.3 8.3 0 0 0-3.041.776a.396.396 0 0 0-.197.489a.387.387 0 0 0 .525.224a7.4 7.4 0 0 1 2.651-.687l.089-.011c.125-.005.255-.011.38-.011a7.7 7.7 0 0 1 2.203.307l.125.037c.12.036.235.077.355.12c.083.031.172.063.255.099c.068.025.136.057.203.083q.157.073.313.152l.14.067q.155.08.303.167q.094.054.187.115a7.8 7.8 0 0 1 2.683 2.776c-.817-.572-2.287-1.145-3.697-.895c5.52 2.76 4.036 12.265-3.615 11.905a6.6 6.6 0 0 1-2.448-.568l-.26-.124c-1.876-.969-3.423-2.803-3.615-5.027c0 0 .708-2.64 5.072-2.64c.475 0 1.824-1.319 1.849-1.699c-.011-.125-2.683-1.187-3.724-2.213c-.557-.547-.817-.812-1.052-1.011a4 4 0 0 0-.401-.301a7.1 7.1 0 0 1-.041-3.751c-1.579.719-2.803 1.855-3.693 2.855h-.009c-.609-.771-.563-3.313-.532-3.844c-.005-.036-.453.229-.511.271c-.536.385-1.041.813-1.5 1.287a13.5 13.5 0 0 0-1.437 1.719a13 13 0 0 0-2.057 4.645a18 18 0 0 0-.249 1.417a8 8 0 0 0-.052.359a10 10 0 0 0-.089.881L.7 15.9c-.009.172-.02.339-.031.511v.077c0 8.48 6.875 15.355 15.355 15.355c7.593 0 13.9-5.516 15.135-12.756c.027-.197.047-.395.068-.593c.307-2.631-.031-5.401-.995-7.713z"/></svg> </template>
CSS
.icon-mozilla-firefox {
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%22M11.807%209.776c.011%200%20.005%200%200%200M8.109%207.927c.011%200%20.005%200%200%200m22.12%202.854c-.667-1.604-2.021-3.333-3.079-3.885c.865%201.692%201.365%203.396%201.552%204.661l.005.027c-1.739-4.329-4.681-6.073-7.088-9.871c-.12-.192-.24-.385-.36-.588c-.063-.104-.115-.208-.172-.319a2.8%202.8%200%200%201-.224-.609c0-.02-.015-.036-.036-.041h-.031l-.005.005c-.005%200-.011.005-.011.005s0-.005.005-.011c-3.417%202-4.828%205.505-5.193%207.729a8.3%208.3%200%200%200-3.041.776a.396.396%200%200%200-.197.489a.387.387%200%200%200%20.525.224a7.4%207.4%200%200%201%202.651-.687l.089-.011c.125-.005.255-.011.38-.011a7.7%207.7%200%200%201%202.203.307l.125.037c.12.036.235.077.355.12c.083.031.172.063.255.099c.068.025.136.057.203.083q.157.073.313.152l.14.067q.155.08.303.167q.094.054.187.115a7.8%207.8%200%200%201%202.683%202.776c-.817-.572-2.287-1.145-3.697-.895c5.52%202.76%204.036%2012.265-3.615%2011.905a6.6%206.6%200%200%201-2.448-.568l-.26-.124c-1.876-.969-3.423-2.803-3.615-5.027c0%200%20.708-2.64%205.072-2.64c.475%200%201.824-1.319%201.849-1.699c-.011-.125-2.683-1.187-3.724-2.213c-.557-.547-.817-.812-1.052-1.011a4%204%200%200%200-.401-.301a7.1%207.1%200%200%201-.041-3.751c-1.579.719-2.803%201.855-3.693%202.855h-.009c-.609-.771-.563-3.313-.532-3.844c-.005-.036-.453.229-.511.271c-.536.385-1.041.813-1.5%201.287a13.5%2013.5%200%200%200-1.437%201.719a13%2013%200%200%200-2.057%204.645a18%2018%200%200%200-.249%201.417a8%208%200%200%200-.052.359a10%2010%200%200%200-.089.881L.7%2015.9c-.009.172-.02.339-.031.511v.077c0%208.48%206.875%2015.355%2015.355%2015.355c7.593%200%2013.9-5.516%2015.135-12.756c.027-.197.047-.395.068-.593c.307-2.631-.031-5.401-.995-7.713z%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%22M11.807%209.776c.011%200%20.005%200%200%200M8.109%207.927c.011%200%20.005%200%200%200m22.12%202.854c-.667-1.604-2.021-3.333-3.079-3.885c.865%201.692%201.365%203.396%201.552%204.661l.005.027c-1.739-4.329-4.681-6.073-7.088-9.871c-.12-.192-.24-.385-.36-.588c-.063-.104-.115-.208-.172-.319a2.8%202.8%200%200%201-.224-.609c0-.02-.015-.036-.036-.041h-.031l-.005.005c-.005%200-.011.005-.011.005s0-.005.005-.011c-3.417%202-4.828%205.505-5.193%207.729a8.3%208.3%200%200%200-3.041.776a.396.396%200%200%200-.197.489a.387.387%200%200%200%20.525.224a7.4%207.4%200%200%201%202.651-.687l.089-.011c.125-.005.255-.011.38-.011a7.7%207.7%200%200%201%202.203.307l.125.037c.12.036.235.077.355.12c.083.031.172.063.255.099c.068.025.136.057.203.083q.157.073.313.152l.14.067q.155.08.303.167q.094.054.187.115a7.8%207.8%200%200%201%202.683%202.776c-.817-.572-2.287-1.145-3.697-.895c5.52%202.76%204.036%2012.265-3.615%2011.905a6.6%206.6%200%200%201-2.448-.568l-.26-.124c-1.876-.969-3.423-2.803-3.615-5.027c0%200%20.708-2.64%205.072-2.64c.475%200%201.824-1.319%201.849-1.699c-.011-.125-2.683-1.187-3.724-2.213c-.557-.547-.817-.812-1.052-1.011a4%204%200%200%200-.401-.301a7.1%207.1%200%200%201-.041-3.751c-1.579.719-2.803%201.855-3.693%202.855h-.009c-.609-.771-.563-3.313-.532-3.844c-.005-.036-.453.229-.511.271c-.536.385-1.041.813-1.5%201.287a13.5%2013.5%200%200%200-1.437%201.719a13%2013%200%200%200-2.057%204.645a18%2018%200%200%200-.249%201.417a8%208%200%200%200-.052.359a10%2010%200%200%200-.089.881L.7%2015.9c-.009.172-.02.339-.031.511v.077c0%208.48%206.875%2015.355%2015.355%2015.355c7.593%200%2013.9-5.516%2015.135-12.756c.027-.197.047-.395.068-.593c.307-2.631-.031-5.401-.995-7.713z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/mozilla-firefox.svg?color=%231a73e8&size=48
