ICONYZ
English
Bitbucket icon from Font Awesome 4

Bitbucket icon

fa:bitbucket

The Bitbucket icon (fa:bitbucket) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1440 × 1664 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Font Awesome 4
Author
Dave Gandy
License
OFL-1.1
Size
1440 × 1664
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="1664" viewBox="0 0 1440 1664"><path fill="currentColor" d="M815 795q8 63-50.5 101T653 902q-39-17-53.5-58t-.5-82t52-58q36-18 72.5-12t64 35.5T815 795m111-21q-14-107-113-164t-197-13q-63 28-100.5 88.5T481 815q4 91 77.5 155t165.5 56q91-8 152-84t50-168m239-542q-20-27-56-44.5t-58-22t-71-12.5q-291-47-566 2q-43 7-66 12t-55 22t-50 43q30 28 76 45.5t73.5 22T480 311q228 29 448 1q63-8 89.5-12t72.5-21.5t75-46.5m57 1035q-8 26-15.5 76.5t-14 84t-28.5 70t-58 56.5q-86 48-189.5 71.5t-202 22T513 1629q-46-8-81.5-18t-76.5-27t-73-43.5t-52-61.5q-25-96-57-292l6-16l18-9q223 148 506.5 148t507.5-148q21 6 24 23t-5 45t-8 37m181-961q-26 167-111 655q-5 30-27 56t-43.5 40t-54.5 31q-252 126-610 88q-248-27-394-139q-15-12-25.5-26.5t-17-35t-9-34t-6-39.5t-5.5-35q-9-50-26.5-150t-28-161.5T22 408T0 250q3-26 17.5-48.5T49 164t45-30t46-22.5T188 93q125-46 313-64q379-37 676 50q155 46 215 122q16 20 16.5 51t-5.5 54"/></svg>

How to use the Bitbucket icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:bitbucket" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:bitbucket" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:bitbucket" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--bitbucket]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:bitbucket"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:bitbucket"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/bitbucket.svg" alt="Bitbucket icon" width="24" height="24">

Related icons in Font Awesome 4

Bitbucket icon in other icon sets

Bitbucket icon FAQ

Is the Bitbucket icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Bitbucket icon in React?

Install @iconify/react and render <Icon icon="fa:bitbucket" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Bitbucket icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/bitbucket.svg" alt="Bitbucket icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →