Facebook icon
A free Facebook icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.
- Size
- 24 × 24, scales to any size
- License
- Free, credit optional (terms)
- Tags
- facebook, social media, network, community, sharing, online, platform
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11.6 5C10.34 5 9.71 5 9.22 5.28C8.8 5.53 8.46 5.92 8.24 6.4C8 6.95 8 7.67 8 9.11L8 18M5.75 10L11.75 10M0 9C0 6.49 0 5.23 0.35 4.22C0.99 2.41 2.41 0.99 4.22 0.35C5.23 0 6.49 0 9 0C11.51 0 12.77 0 13.78 0.35C15.59 0.99 17.01 2.41 17.65 4.22C18 5.23 18 6.49 18 9C18 11.51 18 12.77 17.65 13.78C17.01 15.59 15.59 17.01 13.78 17.65C12.77 18 11.51 18 9 18C6.49 18 5.23 18 4.22 17.65C2.41 17.01 0.99 15.59 0.35 13.78C0 12.77 0 11.51 0 9Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(2 2)" fill="currentColor" d="M9.77 0C7.48 0 6.06 0 4.89 0.41C2.79 1.14 1.14 2.79 0.41 4.89C0 6.06 0 7.48 0 9.77L0 10.23C0 12.52 0 13.94 0.41 15.11C1.14 17.21 2.79 18.86 4.89 19.59C5.72 19.88 6.68 19.97 8 19.99L8 12L6.75 12C6.19 12 5.75 11.55 5.75 11C5.75 10.45 6.19 10 6.75 10L8 10C8 9.35 8 8.8 8.03 8.35C8.06 7.87 8.14 7.42 8.33 7C8.62 6.34 9.1 5.78 9.72 5.42C10.14 5.17 10.58 5.08 11.03 5.04C11.45 5 11.96 5 12.55 5L12.6 5C13.15 5 13.6 5.45 13.6 6C13.6 6.55 13.15 7 12.6 7C11.95 7 11.53 7 11.21 7.03C10.91 7.06 10.79 7.11 10.73 7.14C10.5 7.28 10.29 7.5 10.16 7.81C10.1 7.93 10.05 8.12 10.02 8.5C10 8.86 10 9.33 10 10L12.75 10C13.3 10 13.75 10.45 13.75 11C13.75 11.55 13.3 12 12.75 12L10 12L10 20C10 20 10 20 10 20L10 20L10.23 20C12.52 20 13.94 20 15.11 19.59C17.21 18.86 18.86 17.21 19.59 15.11C20 13.94 20 12.52 20 10.23L20 9.77C20 7.48 20 6.06 19.59 4.89C18.86 2.79 17.21 1.14 15.11 0.41C13.94 0 12.52 0 10.23 0L9.77 0Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.35 4.22C0 5.23 0 6.49 0 9C0 11.51 0 12.77 0.35 13.78C0.99 15.59 2.41 17.01 4.22 17.65C5.23 18 6.49 18 9 18C11.51 18 12.77 18 13.78 17.65C15.59 17.01 17.01 15.59 17.65 13.78C18 12.77 18 11.51 18 9C18 6.49 18 5.23 17.65 4.22C17.01 2.41 15.59 0.99 13.78 0.35C12.77 0 11.51 0 9 0C6.49 0 5.23 0 4.22 0.35C2.41 0.99 0.99 2.41 0.35 4.22Z"/>
<path transform="translate(7.75 7)" fill="currentColor" d="M6.85 0L6.81 0C6.21 0 5.7 0 5.28 0.04C4.83 0.08 4.39 0.17 3.98 0.42C3.36 0.78 2.88 1.34 2.58 2C2.39 2.42 2.32 2.87 2.28 3.35C2.25 3.8 2.25 4.35 2.25 5L1 5C0.45 5 0 5.45 0 6C0 6.55 0.45 7 1 7L2.25 7L2.25 12.99C2.79 13 3.45 13 4.25 13L4.25 7L7 7C7.55 7 8 6.55 8 6C8 5.45 7.55 5 7 5L4.25 5C4.25 4.33 4.25 3.86 4.28 3.5C4.31 3.12 4.35 2.93 4.41 2.81C4.55 2.5 4.75 2.28 4.98 2.14C5.05 2.11 5.16 2.06 5.47 2.03C5.78 2 6.2 2 6.85 2C7.4 2 7.85 1.55 7.85 1C7.85 0.45 7.4 0 6.85 0Z"/>
<path transform="translate(7.75 7)" fill="currentColor" d="M3.28 15C3.26 15 3.24 15 3.22 15C3.23 15 3.24 15 3.25 15C3.26 15 3.27 15 3.28 15Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2 2)" fill="currentColor" d="M9.77 0L10.23 0C12.52 0 13.94 0 15.11 0.41C17.21 1.14 18.86 2.79 19.59 4.89C20 6.06 20 7.48 20 9.77L20 10.23C20 12.52 20 13.94 19.59 15.11C18.86 17.21 17.21 18.86 15.11 19.59C13.94 20 12.52 20 10.23 20L9.77 20C7.48 20 6.06 20 4.89 19.59C2.79 18.86 1.14 17.21 0.41 15.11C0 13.94 0 12.52 0 10.23L0 9.77C0 7.48 0 6.06 0.41 4.89C1.14 2.79 2.79 1.14 4.89 0.41C6.06 0 7.48 0 9.77 0Z"/>
<path transform="translate(7.75 7)" fill="currentColor" d="M4.25 15L4.03 15C3.37 15 2.78 15 2.25 14.99L2.25 7L1 7C0.45 7 0 6.55 0 6C0 5.45 0.45 5 1 5L2.25 5C2.25 4.35 2.25 3.8 2.28 3.35C2.32 2.87 2.39 2.42 2.58 2C2.88 1.34 3.36 0.78 3.98 0.42C4.39 0.17 4.83 0.08 5.28 0.04C5.7 0 6.21 0 6.81 0L6.85 0C7.4 0 7.85 0.45 7.85 1C7.85 1.55 7.4 2 6.85 2C6.2 2 5.78 2 5.47 2.03C5.16 2.06 5.05 2.11 4.98 2.14C4.75 2.28 4.55 2.5 4.41 2.81C4.35 2.93 4.31 3.12 4.28 3.5C4.25 3.86 4.25 4.33 4.25 5L7 5C7.55 5 8 5.45 8 6C8 6.55 7.55 7 7 7L4.25 7L4.25 15C4.25 15 4.25 15 4.25 15Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(3 3)" fill="currentColor" d="M0 9C0 6.49 0 5.23 0.35 4.22C0.99 2.41 2.41 0.99 4.22 0.35C5.23 0 6.49 0 9 0C11.51 0 12.77 0 13.78 0.35C15.59 0.99 17.01 2.41 17.65 4.22C18 5.23 18 6.49 18 9C18 11.51 18 12.77 17.65 13.78C17.01 15.59 15.59 17.01 13.78 17.65C12.77 18 11.51 18 9 18C6.49 18 5.23 18 4.22 17.65C2.41 17.01 0.99 15.59 0.35 13.78C0 12.77 0 11.51 0 9Z"/>
<path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M11.6 5C10.34 5 9.71 5 9.22 5.28C8.8 5.53 8.46 5.92 8.24 6.4C8 6.95 8 7.67 8 9.11L8 18M5.75 10L11.75 10M0 9C0 6.49 0 5.23 0.35 4.22C0.99 2.41 2.41 0.99 4.22 0.35C5.23 0 6.49 0 9 0C11.51 0 12.77 0 13.78 0.35C15.59 0.99 17.01 2.41 17.65 4.22C18 5.23 18 6.49 18 9C18 11.51 18 12.77 17.65 13.78C17.01 15.59 15.59 17.01 13.78 17.65C12.77 18 11.51 18 9 18C6.49 18 5.23 18 4.22 17.65C2.41 17.01 0.99 15.59 0.35 13.78C0 12.77 0 11.51 0 9Z"/>
</svg>
More Social Media & Apps icons
In the full library
- Airbnb
- Amie So
- Arc Browser
- Bear App
- Binance
- Bluesky
- Bumble
- CodePen
- Coinbase
- CopperX
- Facebook Messenger
- Firefox Browser
- Fueler
- GitLab
- Godly Website
- Google Chrome
- Hashtag
- Layers To
- LeetCode
- Mastodon
- Meta
- MetaMask
- Microsoft Edge
- Microsoft Windows
Get the full library
5,000+ icons across five styles, with the Figma file and the Pikaicons app, for one payment from $99. 500+ of them are free to copy here.
