General Branch icon
icon-park:general-branch
The General Branch icon (icon-park:general-branch) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Health
- Tags
- generalbranch
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" d="M40.0001 9H8C6.89543 9 6 9.89543 6 11L6.00003 41C6.00003 42.1046 6.89546 43 8.00003 43H40.0001C41.1047 43 42.0001 42.1046 42.0001 41V11C42.0001 9.89543 41.1047 9 40.0001 9Z"/><path stroke="#000" stroke-linecap="round" d="M15 5V9"/><path stroke="#000" stroke-linecap="round" d="M33 5V9"/><path stroke="#fff" stroke-linecap="round" d="M6 17H42"/><path stroke="#fff" stroke-linecap="round" d="M18 30H30"/><path stroke="#fff" stroke-linecap="round" d="M24 24V36"/><path stroke="#000" stroke-linecap="round" d="M6 11L6 23"/><path stroke="#000" stroke-linecap="round" d="M42 11V23"/></g></svg>How to use the General Branch icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:general-branch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:general-branch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:general-branch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--general-branch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:general-branch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:general-branch"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/general-branch.svg" alt="General Branch icon" width="24" height="24">General Branch icon in other icon sets
General Branch icon FAQ
Is the General Branch icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the General Branch icon in React?
Install @iconify/react and render <Icon icon="icon-park:general-branch" />, or use “Copy code” on this page to get a standalone React component.
How do I add the General Branch icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/general-branch.svg" alt="General Branch icon">, or paste the SVG code inline to style it with CSS.