firefox browser icon
firefox-browser-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- firefox-browser-line
- Set
- Remix Icon
- Style
- Line
- 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 browser icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12c0-3.156 1.249-5.695 3.5-7.312c.409-.294.842-.508 1.315-.741c.22-.108.447-.22.685-.347v1.9s2.598-1.28 2.95-1.35a12 12 0 0 1-.135.482C10.119 5.3 9.8 6.394 9.8 7q0 .317.045.564c.287.226.532.514.775.8l.165.193c.443.51 1.256 1.04 1.764 1.37c.264.173.445.29.446.323c0 .277-.645 1.268-1.495 1.268c-2.17 0-3.066 0-2.5 1.63c.475 1.37 1.75 2.102 3 2.102c1.5 0 2.9-1.245 2.9-2.75c0-1.776-.875-2.573-1.738-3.36C12.326 8.379 11.5 7.627 11.5 6c0-2.4 2-4.1 3.8-5.15c.48 1.663 1.652 2.66 2.883 3.707C20.025 6.124 22 7.805 22 12M5.5 7.4C4.456 8.668 4 10.343 4 11.986C4 16.413 7.578 20 12.003 20a8.03 8.03 0 0 0 7.909-6.639c.186-1.425.122-2.83-.362-4.111l-1.05.226c0-1.947-1.169-2.981-2.318-3.998c-.608-.538-1.21-1.071-1.632-1.732c-.91.876-1.287 1.504-1.287 2.254c0 .895.63 1.272 1.749 1.94c.479.287 1.047.627 1.694 1.083l-.995.274c.745.962 1.187 2.037 1.187 3.203c0 2.5-2.237 4.717-4.895 4.75c-2.653.033-5.163-2.176-5.163-4.812C6.84 11.8 7 10.2 9.1 9.68c-.221-.33-.787-.83-1.1-1.03c-.083-.29-.2-1.05-.2-1.05L5.5 8.7z"/></svg>
React
import type { SVGProps } from "react";
export function RiFirefoxBrowserLine(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="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12c0-3.156 1.249-5.695 3.5-7.312c.409-.294.842-.508 1.315-.741c.22-.108.447-.22.685-.347v1.9s2.598-1.28 2.95-1.35a12 12 0 0 1-.135.482C10.119 5.3 9.8 6.394 9.8 7q0 .317.045.564c.287.226.532.514.775.8l.165.193c.443.51 1.256 1.04 1.764 1.37c.264.173.445.29.446.323c0 .277-.645 1.268-1.495 1.268c-2.17 0-3.066 0-2.5 1.63c.475 1.37 1.75 2.102 3 2.102c1.5 0 2.9-1.245 2.9-2.75c0-1.776-.875-2.573-1.738-3.36C12.326 8.379 11.5 7.627 11.5 6c0-2.4 2-4.1 3.8-5.15c.48 1.663 1.652 2.66 2.883 3.707C20.025 6.124 22 7.805 22 12M5.5 7.4C4.456 8.668 4 10.343 4 11.986C4 16.413 7.578 20 12.003 20a8.03 8.03 0 0 0 7.909-6.639c.186-1.425.122-2.83-.362-4.111l-1.05.226c0-1.947-1.169-2.981-2.318-3.998c-.608-.538-1.21-1.071-1.632-1.732c-.91.876-1.287 1.504-1.287 2.254c0 .895.63 1.272 1.749 1.94c.479.287 1.047.627 1.694 1.083l-.995.274c.745.962 1.187 2.037 1.187 3.203c0 2.5-2.237 4.717-4.895 4.75c-2.653.033-5.163-2.176-5.163-4.812C6.84 11.8 7 10.2 9.1 9.68c-.221-.33-.787-.83-1.1-1.03c-.083-.29-.2-1.05-.2-1.05L5.5 8.7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12c0-3.156 1.249-5.695 3.5-7.312c.409-.294.842-.508 1.315-.741c.22-.108.447-.22.685-.347v1.9s2.598-1.28 2.95-1.35a12 12 0 0 1-.135.482C10.119 5.3 9.8 6.394 9.8 7q0 .317.045.564c.287.226.532.514.775.8l.165.193c.443.51 1.256 1.04 1.764 1.37c.264.173.445.29.446.323c0 .277-.645 1.268-1.495 1.268c-2.17 0-3.066 0-2.5 1.63c.475 1.37 1.75 2.102 3 2.102c1.5 0 2.9-1.245 2.9-2.75c0-1.776-.875-2.573-1.738-3.36C12.326 8.379 11.5 7.627 11.5 6c0-2.4 2-4.1 3.8-5.15c.48 1.663 1.652 2.66 2.883 3.707C20.025 6.124 22 7.805 22 12M5.5 7.4C4.456 8.668 4 10.343 4 11.986C4 16.413 7.578 20 12.003 20a8.03 8.03 0 0 0 7.909-6.639c.186-1.425.122-2.83-.362-4.111l-1.05.226c0-1.947-1.169-2.981-2.318-3.998c-.608-.538-1.21-1.071-1.632-1.732c-.91.876-1.287 1.504-1.287 2.254c0 .895.63 1.272 1.749 1.94c.479.287 1.047.627 1.694 1.083l-.995.274c.745.962 1.187 2.037 1.187 3.203c0 2.5-2.237 4.717-4.895 4.75c-2.653.033-5.163-2.176-5.163-4.812C6.84 11.8 7 10.2 9.1 9.68c-.221-.33-.787-.83-1.1-1.03c-.083-.29-.2-1.05-.2-1.05L5.5 8.7z"/></svg> </template>
CSS
.icon-firefox-browser-line {
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%22M22%2012c0%205.523-4.477%2010-10%2010S2%2017.523%202%2012c0-3.156%201.249-5.695%203.5-7.312c.409-.294.842-.508%201.315-.741c.22-.108.447-.22.685-.347v1.9s2.598-1.28%202.95-1.35a12%2012%200%200%201-.135.482C10.119%205.3%209.8%206.394%209.8%207q0%20.317.045.564c.287.226.532.514.775.8l.165.193c.443.51%201.256%201.04%201.764%201.37c.264.173.445.29.446.323c0%20.277-.645%201.268-1.495%201.268c-2.17%200-3.066%200-2.5%201.63c.475%201.37%201.75%202.102%203%202.102c1.5%200%202.9-1.245%202.9-2.75c0-1.776-.875-2.573-1.738-3.36C12.326%208.379%2011.5%207.627%2011.5%206c0-2.4%202-4.1%203.8-5.15c.48%201.663%201.652%202.66%202.883%203.707C20.025%206.124%2022%207.805%2022%2012M5.5%207.4C4.456%208.668%204%2010.343%204%2011.986C4%2016.413%207.578%2020%2012.003%2020a8.03%208.03%200%200%200%207.909-6.639c.186-1.425.122-2.83-.362-4.111l-1.05.226c0-1.947-1.169-2.981-2.318-3.998c-.608-.538-1.21-1.071-1.632-1.732c-.91.876-1.287%201.504-1.287%202.254c0%20.895.63%201.272%201.749%201.94c.479.287%201.047.627%201.694%201.083l-.995.274c.745.962%201.187%202.037%201.187%203.203c0%202.5-2.237%204.717-4.895%204.75c-2.653.033-5.163-2.176-5.163-4.812C6.84%2011.8%207%2010.2%209.1%209.68c-.221-.33-.787-.83-1.1-1.03c-.083-.29-.2-1.05-.2-1.05L5.5%208.7z%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%22M22%2012c0%205.523-4.477%2010-10%2010S2%2017.523%202%2012c0-3.156%201.249-5.695%203.5-7.312c.409-.294.842-.508%201.315-.741c.22-.108.447-.22.685-.347v1.9s2.598-1.28%202.95-1.35a12%2012%200%200%201-.135.482C10.119%205.3%209.8%206.394%209.8%207q0%20.317.045.564c.287.226.532.514.775.8l.165.193c.443.51%201.256%201.04%201.764%201.37c.264.173.445.29.446.323c0%20.277-.645%201.268-1.495%201.268c-2.17%200-3.066%200-2.5%201.63c.475%201.37%201.75%202.102%203%202.102c1.5%200%202.9-1.245%202.9-2.75c0-1.776-.875-2.573-1.738-3.36C12.326%208.379%2011.5%207.627%2011.5%206c0-2.4%202-4.1%203.8-5.15c.48%201.663%201.652%202.66%202.883%203.707C20.025%206.124%2022%207.805%2022%2012M5.5%207.4C4.456%208.668%204%2010.343%204%2011.986C4%2016.413%207.578%2020%2012.003%2020a8.03%208.03%200%200%200%207.909-6.639c.186-1.425.122-2.83-.362-4.111l-1.05.226c0-1.947-1.169-2.981-2.318-3.998c-.608-.538-1.21-1.071-1.632-1.732c-.91.876-1.287%201.504-1.287%202.254c0%20.895.63%201.272%201.749%201.94c.479.287%201.047.627%201.694%201.083l-.995.274c.745.962%201.187%202.037%201.187%203.203c0%202.5-2.237%204.717-4.895%204.75c-2.653.033-5.163-2.176-5.163-4.812C6.84%2011.8%207%2010.2%209.1%209.68c-.221-.33-.787-.83-1.1-1.03c-.083-.29-.2-1.05-.2-1.05L5.5%208.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/firefox-browser-line.svg?color=%231a73e8&size=48
