fork repo icon

fork-repo from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
fork-repo
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

Use the fork repo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 80h-48V32h-64v48h-48v64h48v48h64v-48h48z" fill="currentColor"/><path d="M304 240c0 38.6-4.5 42.3-14.4 50.3-7.4 6-22.2 7.1-39.4 8.3-9.5.7-20.4 1.5-31.4 3.3-9.4 1.5-18.4 4.7-26.8 8.8V151.4c19.1-11.1 32-31.7 32-55.4 0-35.3-28.7-64-64-64S96 60.7 96 96c0 23.7 12.9 44.3 32 55.4v209.2c-19.1 11.1-32 31.7-32 55.4 0 35.3 28.7 64 64 64s64-28.7 64-64c0-15.7-5.7-30.1-15-41.2 6.7-4.8 13.9-8.7 20.2-9.7 8.1-1.3 16.6-1.9 25.6-2.6 24.4-1.7 52.1-3.7 75.2-22.5 30.9-25.1 37.5-52.1 38-94.9V240h-64zM160 64c17.6 0 32 14.4 32 32s-14.4 32-32 32-32-14.4-32-32 14.4-32 32-32zm0 384c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonForkRepo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 80h-48V32h-64v48h-48v64h48v48h64v-48h48z" fill="currentColor"/><path d="M304 240c0 38.6-4.5 42.3-14.4 50.3-7.4 6-22.2 7.1-39.4 8.3-9.5.7-20.4 1.5-31.4 3.3-9.4 1.5-18.4 4.7-26.8 8.8V151.4c19.1-11.1 32-31.7 32-55.4 0-35.3-28.7-64-64-64S96 60.7 96 96c0 23.7 12.9 44.3 32 55.4v209.2c-19.1 11.1-32 31.7-32 55.4 0 35.3 28.7 64 64 64s64-28.7 64-64c0-15.7-5.7-30.1-15-41.2 6.7-4.8 13.9-8.7 20.2-9.7 8.1-1.3 16.6-1.9 25.6-2.6 24.4-1.7 52.1-3.7 75.2-22.5 30.9-25.1 37.5-52.1 38-94.9V240h-64zM160 64c17.6 0 32 14.4 32 32s-14.4 32-32 32-32-14.4-32-32 14.4-32 32-32zm0 384c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416 80h-48V32h-64v48h-48v64h48v48h64v-48h48z" fill="currentColor"/><path d="M304 240c0 38.6-4.5 42.3-14.4 50.3-7.4 6-22.2 7.1-39.4 8.3-9.5.7-20.4 1.5-31.4 3.3-9.4 1.5-18.4 4.7-26.8 8.8V151.4c19.1-11.1 32-31.7 32-55.4 0-35.3-28.7-64-64-64S96 60.7 96 96c0 23.7 12.9 44.3 32 55.4v209.2c-19.1 11.1-32 31.7-32 55.4 0 35.3 28.7 64 64 64s64-28.7 64-64c0-15.7-5.7-30.1-15-41.2 6.7-4.8 13.9-8.7 20.2-9.7 8.1-1.3 16.6-1.9 25.6-2.6 24.4-1.7 52.1-3.7 75.2-22.5 30.9-25.1 37.5-52.1 38-94.9V240h-64zM160 64c17.6 0 32 14.4 32 32s-14.4 32-32 32-32-14.4-32-32 14.4-32 32-32zm0 384c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z" fill="currentColor"/></svg>
</template>

CSS

.icon-fork-repo {
  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%20512%20512%22%3E%3Cpath%20d%3D%22M416%2080h-48V32h-64v48h-48v64h48v48h64v-48h48z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M304%20240c0%2038.6-4.5%2042.3-14.4%2050.3-7.4%206-22.2%207.1-39.4%208.3-9.5.7-20.4%201.5-31.4%203.3-9.4%201.5-18.4%204.7-26.8%208.8V151.4c19.1-11.1%2032-31.7%2032-55.4%200-35.3-28.7-64-64-64S96%2060.7%2096%2096c0%2023.7%2012.9%2044.3%2032%2055.4v209.2c-19.1%2011.1-32%2031.7-32%2055.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-15.7-5.7-30.1-15-41.2%206.7-4.8%2013.9-8.7%2020.2-9.7%208.1-1.3%2016.6-1.9%2025.6-2.6%2024.4-1.7%2052.1-3.7%2075.2-22.5%2030.9-25.1%2037.5-52.1%2038-94.9V240h-64zM160%2064c17.6%200%2032%2014.4%2032%2032s-14.4%2032-32%2032-32-14.4-32-32%2014.4-32%2032-32zm0%20384c-17.6%200-32-14.4-32-32s14.4-32%2032-32%2032%2014.4%2032%2032-14.4%2032-32%2032z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M416%2080h-48V32h-64v48h-48v64h48v48h64v-48h48z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M304%20240c0%2038.6-4.5%2042.3-14.4%2050.3-7.4%206-22.2%207.1-39.4%208.3-9.5.7-20.4%201.5-31.4%203.3-9.4%201.5-18.4%204.7-26.8%208.8V151.4c19.1-11.1%2032-31.7%2032-55.4%200-35.3-28.7-64-64-64S96%2060.7%2096%2096c0%2023.7%2012.9%2044.3%2032%2055.4v209.2c-19.1%2011.1-32%2031.7-32%2055.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-15.7-5.7-30.1-15-41.2%206.7-4.8%2013.9-8.7%2020.2-9.7%208.1-1.3%2016.6-1.9%2025.6-2.6%2024.4-1.7%2052.1-3.7%2075.2-22.5%2030.9-25.1%2037.5-52.1%2038-94.9V240h-64zM160%2064c17.6%200%2032%2014.4%2032%2032s-14.4%2032-32%2032-32-14.4-32-32%2014.4-32%2032-32zm0%20384c-17.6%200-32-14.4-32-32s14.4-32%2032-32%2032%2014.4%2032%2032-14.4%2032-32%2032z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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