ICONYZ
English
Branch Icon icon from SVG Logos

Branch Icon icon

logos:branch-icon

The Branch Icon icon (logos:branch-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 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
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 256
Tags
branchicon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#333e48" d="M256 128.03C256 57.414 198.578 0 128.004 0C57.429 0 0 57.415 0 128.03c0 66.71 51.273 121.659 116.471 127.503h.314q1.605.139 3.217.24l.62.037q1.459.088 2.961.132h.78c1.212 0 2.422.058 3.648.058s2.312 0 3.465-.051h.489q1.524-.044 3.034-.124h.204a125 125 0 0 0 6.77-.562C205.996 248.317 256 193.908 256 128.03M141.535 243.077l-1.233-35.41l30.914-18.97a23.3 23.3 0 0 0 24.339 1.236a23.31 23.31 0 0 0 12.134-21.14c-.496-12.28-10.336-22.123-22.613-22.619a23.17 23.17 0 0 0-18.246 7.876a23.18 23.18 0 0 0-5.432 19.12l-21.818 13.5l-1.583-44.617l30.425-18.613c10.689 7.984 25.57 7.118 35.26-2.053c9.691-9.17 11.38-23.984 4.002-35.101c-7.377-11.117-21.682-15.312-33.893-9.94s-18.787 18.753-15.58 31.706l-20.943 13.002l-1.24-35.606a24.95 24.95 0 0 0 15.923-24.305c-.518-12.449-10.144-22.605-22.545-23.787c-12.4-1.183-23.77 6.972-26.632 19.099c-2.86 12.127 3.666 24.505 15.287 28.993L115.8 159.22l-22.795-14.527a27.13 27.13 0 0 0-2.05-18.503c-4.56-9.486-13.75-16.213-24.232-16.87c-12.964-.846-24.898 7.066-29.17 19.338c-4.27 12.272.172 25.886 10.858 33.275a28.89 28.89 0 0 0 34.958-1.597l31.774 20.11l-1.91 62.493c-56.898-7.26-101.088-56.022-101.088-114.91C12.19 64.156 64.14 12.177 128.004 12.177s115.814 51.964 115.814 115.844c0 59.305-44.78 108.329-102.283 115.056"/><path fill="#009bde" d="M127.273 47.176c8.323.008 15.068 6.755 15.076 15.08c0 8.329-6.75 15.08-15.076 15.08s-15.077-6.751-15.077-15.08s6.75-15.08 15.077-15.08m56.836 108.668c7.55-.004 13.681 6.102 13.71 13.654a13.69 13.69 0 0 1-8.42 12.672a13.685 13.685 0 0 1-14.926-2.934a13.69 13.69 0 0 1-2.997-14.917a13.69 13.69 0 0 1 12.633-8.475m8.436-39.72c-7.997 3.888-17.631.565-21.534-7.427a16.12 16.12 0 0 1 2.42-17.74a16.106 16.106 0 0 1 28.14 9.705a16.11 16.11 0 0 1-9.026 15.462M64.36 120.605c9.592.008 17.367 7.785 17.375 17.38c-.004 9.592-7.78 17.365-17.37 17.364S47 147.572 47 137.979s7.77-17.37 17.36-17.374"/></svg>

How to use the Branch Icon icon

React

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

<Icon icon="logos:branch-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:branch-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:branch-icon" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:branch-icon"></div>

Web component

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

<iconify-icon icon="logos:branch-icon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/branch-icon.svg" alt="Branch Icon icon" width="24" height="24">

Related icons in SVG Logos

branch icon
branch

Branch Icon icon FAQ

Is the Branch Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Branch Icon icon in React?

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

How do I add the Branch Icon icon to a web page?

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

Browse all SVG Logos icons →