Add icons to this collection by clicking the heart icon.
Facebook icon - also known as heart, facebook, like, browser, social media, and friendship. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<g>
<rect width="60" height="60" x="2" y="2" fill="#ccc" rx="4" />
<path fill="#fff" d="M4 14h56v43a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V14z" />
<path
fill="#fde5c1"
d="M21 32a4 4 0 0 1-4 4h-4v3a5 5 0 0 0 10 0v-3.555A3.982 3.982 0 0 1 21 32z"
/>
<path
fill="#fde5c1"
d="M25 36h-2v3a4.988 4.988 0 0 1-.1 1H25a2 2 0 0 0 0-4zM13 39v-3h-2a2 2 0 0 0 0 4h2.1a4.988 4.988 0 0 1-.1-1z"
/>
<path
fill="#f3a845"
d="M21 44h-6a6 6 0 0 0-6 6v4h18v-4a6 6 0 0 0-6-6z"
/>
<path
fill="#eecc61"
d="M20 51a4 4 0 0 0 4-4v-2.191A5.97 5.97 0 0 0 21 44h-6a6 6 0 0 0-6 6v1z"
/>
<path
fill="#474747"
d="M21 32a4 4 0 0 0 4 4v-1a7 7 0 0 0-7-7 7 7 0 0 0-7 7v1h6a4 4 0 0 0 4-4z"
/>
<path
fill="#fde5c1"
d="M49 32a4 4 0 0 1-4 4h-4v3a5 5 0 0 0 10 0v-3.555A3.982 3.982 0 0 1 49 32z"
/>
<path
fill="#fde5c1"
d="M53 36h-2v3a4.988 4.988 0 0 1-.1 1H53a2 2 0 0 0 0-4zM41 39v-3h-2a2 2 0 0 0 0 4h2.1a4.988 4.988 0 0 1-.1-1z"
/>
<path
fill="#474747"
d="M49 32a4 4 0 0 0 4 4v-1a7 7 0 0 0-7-7 7 7 0 0 0-7 7v1h6a4 4 0 0 0 4-4z"
/>
<path
fill="#f3a845"
d="m16 48 2-2 2 2 2.8-3.726A5.984 5.984 0 0 0 21 44h-6a5.984 5.984 0 0 0-1.795.274z"
/>
<path fill="#2763bb" d="M58 2H6a4 4 0 0 0-4 4v8h60V6a4 4 0 0 0-4-4z" />
<path fill="#3079e6" d="M54 12a3 3 0 0 0 3-3V2H6a4 4 0 0 0-4 4v6z" />
<g fill="#fff">
<circle cx="8" cy="8" r="2" />
<circle cx="15" cy="8" r="2" />
<circle cx="22" cy="8" r="2" />
<rect width="22" height="4" x="28" y="6" rx="2" />
<path
d="M59.707 10.293 58.7 9.285A2.951 2.951 0 0 0 59 8a3 3 0 1 0-3 3 2.951 2.951 0 0 0 1.285-.3l1.008 1.008zM55 8a1 1 0 1 1 1 1 1 1 0 0 1-1-1z"
/>
</g>
<path fill="#f3a845" d="M8 57h16v2H8zM26 57h2v2h-2z" />
<path
fill="#aa2b24"
d="m32 30 6-6a3.415 3.415 0 0 0 1-2.414v-.172A3.415 3.415 0 0 0 38 19a3.415 3.415 0 0 0-2.414-1h-.172A3.415 3.415 0 0 0 33 19l-1 1-1-1a3.415 3.415 0 0 0-2.414-1h-.172A3.415 3.415 0 0 0 26 19a3.415 3.415 0 0 0-1 2.414v.172A3.415 3.415 0 0 0 26 24z"
/>
<path
fill="#d24034"
d="M36 20v-1.959a3.374 3.374 0 0 0-.414-.041h-.172A3.415 3.415 0 0 0 33 19l-1 1-1-1a3.415 3.415 0 0 0-2.414-1h-.172A3.414 3.414 0 0 0 25 21.414v.172A3.415 3.415 0 0 0 26 24h6a4 4 0 0 0 4-4z"
/>
<path
fill="#f3a845"
d="M49 44h-6a6 6 0 0 0-6 6v4h18v-4a6 6 0 0 0-6-6z"
/>
<path
fill="#eecc61"
d="M48 51a4 4 0 0 0 4-4v-2.191A5.97 5.97 0 0 0 49 44h-6a6 6 0 0 0-6 6v1z"
/>
<path
fill="#f3a845"
d="m44 48 2-2 2 2 2.8-3.726A5.984 5.984 0 0 0 49 44h-6a5.984 5.984 0 0 0-1.8.274zM36 57h16v2H36zM54 57h2v2h-2z"
/>
</g>
</svg>
More icons in the same style and category