code branch icon

code-branch from Line Awesome by Icons8 · Line · Code · Apache-2.0 Free for personal and commercial use.

Name: code-branch
Set: Line Awesome
Style: Line
Category: Code
Viewbox: 32×32
License: Apache 2.0
Aliases: code-branch-solid

The same icon in other sets

code-branchFont Awesome 6 Solid code-branchFont Awesome Solid code-branch-outlineFlowbite Icons code-branchUnicons

More code icons from Line Awesome

code project-diagram terminal window-close window-close-solid window-maximize window-maximize-solid window-minimize window-minimize-solid window-restore window-restore-solid

Use the code branch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 4C9.355 4 8 5.355 8 7c0 1.293.844 2.395 2 2.813v12.374c-1.156.418-2 1.52-2 2.813c0 1.645 1.355 3 3 3s3-1.355 3-3c0-1.27-.816-2.344-1.938-2.781c.145-1.23.622-1.836 1.376-2.344c.898-.605 2.277-.965 3.78-1.313c1.505-.347 3.118-.707 4.47-1.656c1.187-.832 2.085-2.195 2.28-4.093C25.142 12.402 26 11.3 26 10c0-1.645-1.355-3-3-3s-3 1.355-3 3c0 1.277.832 2.352 1.969 2.781c-.137 1.313-.645 1.965-1.407 2.5c-.898.63-2.285 1-3.78 1.344c-1.497.344-3.118.648-4.47 1.563c-.109.074-.21.167-.312.25V9.813c1.156-.418 2-1.52 2-2.813c0-1.645-1.355-3-3-3m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m12 3c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1M11 24c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></svg>

React

import type { SVGProps } from "react";

export function LaCodeBranch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 4C9.355 4 8 5.355 8 7c0 1.293.844 2.395 2 2.813v12.374c-1.156.418-2 1.52-2 2.813c0 1.645 1.355 3 3 3s3-1.355 3-3c0-1.27-.816-2.344-1.938-2.781c.145-1.23.622-1.836 1.376-2.344c.898-.605 2.277-.965 3.78-1.313c1.505-.347 3.118-.707 4.47-1.656c1.187-.832 2.085-2.195 2.28-4.093C25.142 12.402 26 11.3 26 10c0-1.645-1.355-3-3-3s-3 1.355-3 3c0 1.277.832 2.352 1.969 2.781c-.137 1.313-.645 1.965-1.407 2.5c-.898.63-2.285 1-3.78 1.344c-1.497.344-3.118.648-4.47 1.563c-.109.074-.21.167-.312.25V9.813c1.156-.418 2-1.52 2-2.813c0-1.645-1.355-3-3-3m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m12 3c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1M11 24c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11 4C9.355 4 8 5.355 8 7c0 1.293.844 2.395 2 2.813v12.374c-1.156.418-2 1.52-2 2.813c0 1.645 1.355 3 3 3s3-1.355 3-3c0-1.27-.816-2.344-1.938-2.781c.145-1.23.622-1.836 1.376-2.344c.898-.605 2.277-.965 3.78-1.313c1.505-.347 3.118-.707 4.47-1.656c1.187-.832 2.085-2.195 2.28-4.093C25.142 12.402 26 11.3 26 10c0-1.645-1.355-3-3-3s-3 1.355-3 3c0 1.277.832 2.352 1.969 2.781c-.137 1.313-.645 1.965-1.407 2.5c-.898.63-2.285 1-3.78 1.344c-1.497.344-3.118.648-4.47 1.563c-.109.074-.21.167-.312.25V9.813c1.156-.418 2-1.52 2-2.813c0-1.645-1.355-3-3-3m0 2c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1m12 3c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1M11 24c.563 0 1 .438 1 1s-.438 1-1 1s-1-.438-1-1s.438-1 1-1"/></svg>
</template>

CSS

.icon-code-branch {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%204C9.355%204%208%205.355%208%207c0%201.293.844%202.395%202%202.813v12.374c-1.156.418-2%201.52-2%202.813c0%201.645%201.355%203%203%203s3-1.355%203-3c0-1.27-.816-2.344-1.938-2.781c.145-1.23.622-1.836%201.376-2.344c.898-.605%202.277-.965%203.78-1.313c1.505-.347%203.118-.707%204.47-1.656c1.187-.832%202.085-2.195%202.28-4.093C25.142%2012.402%2026%2011.3%2026%2010c0-1.645-1.355-3-3-3s-3%201.355-3%203c0%201.277.832%202.352%201.969%202.781c-.137%201.313-.645%201.965-1.407%202.5c-.898.63-2.285%201-3.78%201.344c-1.497.344-3.118.648-4.47%201.563c-.109.074-.21.167-.312.25V9.813c1.156-.418%202-1.52%202-2.813c0-1.645-1.355-3-3-3m0%202c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1m12%203c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1M11%2024c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%204C9.355%204%208%205.355%208%207c0%201.293.844%202.395%202%202.813v12.374c-1.156.418-2%201.52-2%202.813c0%201.645%201.355%203%203%203s3-1.355%203-3c0-1.27-.816-2.344-1.938-2.781c.145-1.23.622-1.836%201.376-2.344c.898-.605%202.277-.965%203.78-1.313c1.505-.347%203.118-.707%204.47-1.656c1.187-.832%202.085-2.195%202.28-4.093C25.142%2012.402%2026%2011.3%2026%2010c0-1.645-1.355-3-3-3s-3%201.355-3%203c0%201.277.832%202.352%201.969%202.781c-.137%201.313-.645%201.965-1.407%202.5c-.898.63-2.285%201-3.78%201.344c-1.497.344-3.118.648-4.47%201.563c-.109.074-.21.167-.312.25V9.813c1.156-.418%202-1.52%202-2.813c0-1.645-1.355-3-3-3m0%202c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1m12%203c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1M11%2024c.563%200%201%20.438%201%201s-.438%201-1%201s-1-.438-1-1s.438-1%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/code-branch.svg?color=%231a73e8&size=48