font awesome logo
font-awesome from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- font-awesome
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×258
- License
- CC0
The same logo in other sets
Use the font awesome logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><path fill="#528dd7" d="M103.894 9.194c18.154 0 30.568 4.597 42.98 9.194l.902.335l1.21.448l1.208.446l.605.222l1.21.442c10.702 3.887 21.742 7.3 37.386 7.3c15.23 0 26.175-3.233 36.429-6.988l1.18-.435l1.175-.44l1.172-.442l.584-.221l1.169-.445l.584-.222l1.752-.667c7.021-2.665 14.143-5.256 22.56-6.869v183.88c-7.716 1.478-14.343 3.778-20.803 6.205l-1.172.442q-1.17.442-2.337.888l-1.753.667l-.585.222l-1.171.441c-10.952 4.114-22.383 7.864-38.784 7.864c-15.403 0-26.426-3.31-37.03-7.122l-1.221-.442l-1.22-.445l-1.218-.448l-1.218-.45l-.901-.33l-1.244-.457l-.622-.23l-1.245-.455l-.623-.227l-1.25-.452c-10.85-3.9-22.221-7.33-37.71-7.33c-12.855 0-22.657 2.304-31.567 5.28v-36.776c8.91-2.976 18.712-5.28 31.568-5.28c16.666 0 28.494 3.874 39.924 8.066l1.223.45l1.832.678l.903.335l2.418.894l1.21.443l1.168.425l.585.21l1.174.418c9.996 3.53 20.548 6.47 35.064 6.47c12.707 0 22.432-2.252 31.26-5.179V59.179c-8.829 2.927-18.552 5.179-31.26 5.179c-15.424 0-26.456-3.319-37.072-7.137l-1.2-.435l-1.198-.437l-1.219-.448l-1.218-.45l-.901-.33q-1.554-.574-3.11-1.143l-1.249-.453l-1.252-.45c-10.662-3.805-21.892-7.105-37.082-7.105c-15.252 0-26.205 3.242-36.471 7.004l-1.16.428l-1.154.431l-1.172.442l-1.17.444l-1.168.445q-1.167.445-2.337.888l-1.172.442c-10.95 4.113-22.382 7.864-38.783 7.864q-.462 0-.92-.004V27.578q.458.004.92.004c16.401 0 27.834-3.75 38.784-7.864l1.171-.442l.585-.221l1.169-.445l.583-.222l1.753-.667c11.496-4.364 23.26-8.527 40.542-8.527"/><path fill="#193154" d="M18.388 0C8.233 0 0 8.233 0 18.388v220.655c0 10.155 8.233 18.388 18.388 18.388s18.388-8.233 18.388-18.388V18.388C36.776 8.233 28.543 0 18.388 0"/></svg>
React
import type { SVGProps } from "react";
export function LogosFontAwesome(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><path fill="#528dd7" d="M103.894 9.194c18.154 0 30.568 4.597 42.98 9.194l.902.335l1.21.448l1.208.446l.605.222l1.21.442c10.702 3.887 21.742 7.3 37.386 7.3c15.23 0 26.175-3.233 36.429-6.988l1.18-.435l1.175-.44l1.172-.442l.584-.221l1.169-.445l.584-.222l1.752-.667c7.021-2.665 14.143-5.256 22.56-6.869v183.88c-7.716 1.478-14.343 3.778-20.803 6.205l-1.172.442q-1.17.442-2.337.888l-1.753.667l-.585.222l-1.171.441c-10.952 4.114-22.383 7.864-38.784 7.864c-15.403 0-26.426-3.31-37.03-7.122l-1.221-.442l-1.22-.445l-1.218-.448l-1.218-.45l-.901-.33l-1.244-.457l-.622-.23l-1.245-.455l-.623-.227l-1.25-.452c-10.85-3.9-22.221-7.33-37.71-7.33c-12.855 0-22.657 2.304-31.567 5.28v-36.776c8.91-2.976 18.712-5.28 31.568-5.28c16.666 0 28.494 3.874 39.924 8.066l1.223.45l1.832.678l.903.335l2.418.894l1.21.443l1.168.425l.585.21l1.174.418c9.996 3.53 20.548 6.47 35.064 6.47c12.707 0 22.432-2.252 31.26-5.179V59.179c-8.829 2.927-18.552 5.179-31.26 5.179c-15.424 0-26.456-3.319-37.072-7.137l-1.2-.435l-1.198-.437l-1.219-.448l-1.218-.45l-.901-.33q-1.554-.574-3.11-1.143l-1.249-.453l-1.252-.45c-10.662-3.805-21.892-7.105-37.082-7.105c-15.252 0-26.205 3.242-36.471 7.004l-1.16.428l-1.154.431l-1.172.442l-1.17.444l-1.168.445q-1.167.445-2.337.888l-1.172.442c-10.95 4.113-22.382 7.864-38.783 7.864q-.462 0-.92-.004V27.578q.458.004.92.004c16.401 0 27.834-3.75 38.784-7.864l1.171-.442l.585-.221l1.169-.445l.583-.222l1.753-.667c11.496-4.364 23.26-8.527 40.542-8.527"/><path fill="#193154" d="M18.388 0C8.233 0 0 8.233 0 18.388v220.655c0 10.155 8.233 18.388 18.388 18.388s18.388-8.233 18.388-18.388V18.388C36.776 8.233 28.543 0 18.388 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><path fill="#528dd7" d="M103.894 9.194c18.154 0 30.568 4.597 42.98 9.194l.902.335l1.21.448l1.208.446l.605.222l1.21.442c10.702 3.887 21.742 7.3 37.386 7.3c15.23 0 26.175-3.233 36.429-6.988l1.18-.435l1.175-.44l1.172-.442l.584-.221l1.169-.445l.584-.222l1.752-.667c7.021-2.665 14.143-5.256 22.56-6.869v183.88c-7.716 1.478-14.343 3.778-20.803 6.205l-1.172.442q-1.17.442-2.337.888l-1.753.667l-.585.222l-1.171.441c-10.952 4.114-22.383 7.864-38.784 7.864c-15.403 0-26.426-3.31-37.03-7.122l-1.221-.442l-1.22-.445l-1.218-.448l-1.218-.45l-.901-.33l-1.244-.457l-.622-.23l-1.245-.455l-.623-.227l-1.25-.452c-10.85-3.9-22.221-7.33-37.71-7.33c-12.855 0-22.657 2.304-31.567 5.28v-36.776c8.91-2.976 18.712-5.28 31.568-5.28c16.666 0 28.494 3.874 39.924 8.066l1.223.45l1.832.678l.903.335l2.418.894l1.21.443l1.168.425l.585.21l1.174.418c9.996 3.53 20.548 6.47 35.064 6.47c12.707 0 22.432-2.252 31.26-5.179V59.179c-8.829 2.927-18.552 5.179-31.26 5.179c-15.424 0-26.456-3.319-37.072-7.137l-1.2-.435l-1.198-.437l-1.219-.448l-1.218-.45l-.901-.33q-1.554-.574-3.11-1.143l-1.249-.453l-1.252-.45c-10.662-3.805-21.892-7.105-37.082-7.105c-15.252 0-26.205 3.242-36.471 7.004l-1.16.428l-1.154.431l-1.172.442l-1.17.444l-1.168.445q-1.167.445-2.337.888l-1.172.442c-10.95 4.113-22.382 7.864-38.783 7.864q-.462 0-.92-.004V27.578q.458.004.92.004c16.401 0 27.834-3.75 38.784-7.864l1.171-.442l.585-.221l1.169-.445l.583-.222l1.753-.667c11.496-4.364 23.26-8.527 40.542-8.527"/><path fill="#193154" d="M18.388 0C8.233 0 0 8.233 0 18.388v220.655c0 10.155 8.233 18.388 18.388 18.388s18.388-8.233 18.388-18.388V18.388C36.776 8.233 28.543 0 18.388 0"/></svg> </template>
CSS
.icon-font-awesome {
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%20256%20258%22%3E%3Cpath%20fill%3D%22%23528dd7%22%20d%3D%22M103.894%209.194c18.154%200%2030.568%204.597%2042.98%209.194l.902.335l1.21.448l1.208.446l.605.222l1.21.442c10.702%203.887%2021.742%207.3%2037.386%207.3c15.23%200%2026.175-3.233%2036.429-6.988l1.18-.435l1.175-.44l1.172-.442l.584-.221l1.169-.445l.584-.222l1.752-.667c7.021-2.665%2014.143-5.256%2022.56-6.869v183.88c-7.716%201.478-14.343%203.778-20.803%206.205l-1.172.442q-1.17.442-2.337.888l-1.753.667l-.585.222l-1.171.441c-10.952%204.114-22.383%207.864-38.784%207.864c-15.403%200-26.426-3.31-37.03-7.122l-1.221-.442l-1.22-.445l-1.218-.448l-1.218-.45l-.901-.33l-1.244-.457l-.622-.23l-1.245-.455l-.623-.227l-1.25-.452c-10.85-3.9-22.221-7.33-37.71-7.33c-12.855%200-22.657%202.304-31.567%205.28v-36.776c8.91-2.976%2018.712-5.28%2031.568-5.28c16.666%200%2028.494%203.874%2039.924%208.066l1.223.45l1.832.678l.903.335l2.418.894l1.21.443l1.168.425l.585.21l1.174.418c9.996%203.53%2020.548%206.47%2035.064%206.47c12.707%200%2022.432-2.252%2031.26-5.179V59.179c-8.829%202.927-18.552%205.179-31.26%205.179c-15.424%200-26.456-3.319-37.072-7.137l-1.2-.435l-1.198-.437l-1.219-.448l-1.218-.45l-.901-.33q-1.554-.574-3.11-1.143l-1.249-.453l-1.252-.45c-10.662-3.805-21.892-7.105-37.082-7.105c-15.252%200-26.205%203.242-36.471%207.004l-1.16.428l-1.154.431l-1.172.442l-1.17.444l-1.168.445q-1.167.445-2.337.888l-1.172.442c-10.95%204.113-22.382%207.864-38.783%207.864q-.462%200-.92-.004V27.578q.458.004.92.004c16.401%200%2027.834-3.75%2038.784-7.864l1.171-.442l.585-.221l1.169-.445l.583-.222l1.753-.667c11.496-4.364%2023.26-8.527%2040.542-8.527%22%2F%3E%3Cpath%20fill%3D%22%23193154%22%20d%3D%22M18.388%200C8.233%200%200%208.233%200%2018.388v220.655c0%2010.155%208.233%2018.388%2018.388%2018.388s18.388-8.233%2018.388-18.388V18.388C36.776%208.233%2028.543%200%2018.388%200%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%20256%20258%22%3E%3Cpath%20fill%3D%22%23528dd7%22%20d%3D%22M103.894%209.194c18.154%200%2030.568%204.597%2042.98%209.194l.902.335l1.21.448l1.208.446l.605.222l1.21.442c10.702%203.887%2021.742%207.3%2037.386%207.3c15.23%200%2026.175-3.233%2036.429-6.988l1.18-.435l1.175-.44l1.172-.442l.584-.221l1.169-.445l.584-.222l1.752-.667c7.021-2.665%2014.143-5.256%2022.56-6.869v183.88c-7.716%201.478-14.343%203.778-20.803%206.205l-1.172.442q-1.17.442-2.337.888l-1.753.667l-.585.222l-1.171.441c-10.952%204.114-22.383%207.864-38.784%207.864c-15.403%200-26.426-3.31-37.03-7.122l-1.221-.442l-1.22-.445l-1.218-.448l-1.218-.45l-.901-.33l-1.244-.457l-.622-.23l-1.245-.455l-.623-.227l-1.25-.452c-10.85-3.9-22.221-7.33-37.71-7.33c-12.855%200-22.657%202.304-31.567%205.28v-36.776c8.91-2.976%2018.712-5.28%2031.568-5.28c16.666%200%2028.494%203.874%2039.924%208.066l1.223.45l1.832.678l.903.335l2.418.894l1.21.443l1.168.425l.585.21l1.174.418c9.996%203.53%2020.548%206.47%2035.064%206.47c12.707%200%2022.432-2.252%2031.26-5.179V59.179c-8.829%202.927-18.552%205.179-31.26%205.179c-15.424%200-26.456-3.319-37.072-7.137l-1.2-.435l-1.198-.437l-1.219-.448l-1.218-.45l-.901-.33q-1.554-.574-3.11-1.143l-1.249-.453l-1.252-.45c-10.662-3.805-21.892-7.105-37.082-7.105c-15.252%200-26.205%203.242-36.471%207.004l-1.16.428l-1.154.431l-1.172.442l-1.17.444l-1.168.445q-1.167.445-2.337.888l-1.172.442c-10.95%204.113-22.382%207.864-38.783%207.864q-.462%200-.92-.004V27.578q.458.004.92.004c16.401%200%2027.834-3.75%2038.784-7.864l1.171-.442l.585-.221l1.169-.445l.583-.222l1.753-.667c11.496-4.364%2023.26-8.527%2040.542-8.527%22%2F%3E%3Cpath%20fill%3D%22%23193154%22%20d%3D%22M18.388%200C8.233%200%200%208.233%200%2018.388v220.655c0%2010.155%208.233%2018.388%2018.388%2018.388s18.388-8.233%2018.388-18.388V18.388C36.776%208.233%2028.543%200%2018.388%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/font-awesome.svg?color=%231a73e8&size=48
