fork icon

fork-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
fork-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
fork, fork-outline

The same icon in other sets

forkBoxIcons v2forkCarbonforkHuge IconsforkIconParkforkIconPark OutlineforkIconPark SolidforkIconPark TwoToneforkIonIconsforkJam Iconsfork-fillMingCute IconforkTDesign Icons

Use the fork icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M752 100c-61.8 0-112 50.2-112 112c0 47.7 29.9 88.5 72 104.6v27.6L512 601.4L312 344.2v-27.6c42.1-16.1 72-56.9 72-104.6c0-61.8-50.2-112-112-112s-112 50.2-112 112c0 50.6 33.8 93.5 80 107.3v34.4c0 9.7 3.3 19.3 9.3 27L476 672.3v33.6c-44.2 15-76 56.9-76 106.1c0 61.8 50.2 112 112 112s112-50.2 112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7 9.3-17.3 9.3-27v-34.4c46.2-13.8 80-56.7 80-107.3c0-61.8-50.2-112-112-112M224 212a48.01 48.01 0 0 1 96 0a48.01 48.01 0 0 1-96 0m336 600a48.01 48.01 0 0 1-96 0a48.01 48.01 0 0 1 96 0m192-552a48.01 48.01 0 0 1 0-96a48.01 48.01 0 0 1 0 96"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignForkOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M752 100c-61.8 0-112 50.2-112 112c0 47.7 29.9 88.5 72 104.6v27.6L512 601.4L312 344.2v-27.6c42.1-16.1 72-56.9 72-104.6c0-61.8-50.2-112-112-112s-112 50.2-112 112c0 50.6 33.8 93.5 80 107.3v34.4c0 9.7 3.3 19.3 9.3 27L476 672.3v33.6c-44.2 15-76 56.9-76 106.1c0 61.8 50.2 112 112 112s112-50.2 112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7 9.3-17.3 9.3-27v-34.4c46.2-13.8 80-56.7 80-107.3c0-61.8-50.2-112-112-112M224 212a48.01 48.01 0 0 1 96 0a48.01 48.01 0 0 1-96 0m336 600a48.01 48.01 0 0 1-96 0a48.01 48.01 0 0 1 96 0m192-552a48.01 48.01 0 0 1 0-96a48.01 48.01 0 0 1 0 96"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M752 100c-61.8 0-112 50.2-112 112c0 47.7 29.9 88.5 72 104.6v27.6L512 601.4L312 344.2v-27.6c42.1-16.1 72-56.9 72-104.6c0-61.8-50.2-112-112-112s-112 50.2-112 112c0 50.6 33.8 93.5 80 107.3v34.4c0 9.7 3.3 19.3 9.3 27L476 672.3v33.6c-44.2 15-76 56.9-76 106.1c0 61.8 50.2 112 112 112s112-50.2 112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7 9.3-17.3 9.3-27v-34.4c46.2-13.8 80-56.7 80-107.3c0-61.8-50.2-112-112-112M224 212a48.01 48.01 0 0 1 96 0a48.01 48.01 0 0 1-96 0m336 600a48.01 48.01 0 0 1-96 0a48.01 48.01 0 0 1 96 0m192-552a48.01 48.01 0 0 1 0-96a48.01 48.01 0 0 1 0 96"/></svg>
</template>

CSS

.icon-fork-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M752%20100c-61.8%200-112%2050.2-112%20112c0%2047.7%2029.9%2088.5%2072%20104.6v27.6L512%20601.4L312%20344.2v-27.6c42.1-16.1%2072-56.9%2072-104.6c0-61.8-50.2-112-112-112s-112%2050.2-112%20112c0%2050.6%2033.8%2093.5%2080%20107.3v34.4c0%209.7%203.3%2019.3%209.3%2027L476%20672.3v33.6c-44.2%2015-76%2056.9-76%20106.1c0%2061.8%2050.2%20112%20112%20112s112-50.2%20112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7%209.3-17.3%209.3-27v-34.4c46.2-13.8%2080-56.7%2080-107.3c0-61.8-50.2-112-112-112M224%20212a48.01%2048.01%200%200%201%2096%200a48.01%2048.01%200%200%201-96%200m336%20600a48.01%2048.01%200%200%201-96%200a48.01%2048.01%200%200%201%2096%200m192-552a48.01%2048.01%200%200%201%200-96a48.01%2048.01%200%200%201%200%2096%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M752%20100c-61.8%200-112%2050.2-112%20112c0%2047.7%2029.9%2088.5%2072%20104.6v27.6L512%20601.4L312%20344.2v-27.6c42.1-16.1%2072-56.9%2072-104.6c0-61.8-50.2-112-112-112s-112%2050.2-112%20112c0%2050.6%2033.8%2093.5%2080%20107.3v34.4c0%209.7%203.3%2019.3%209.3%2027L476%20672.3v33.6c-44.2%2015-76%2056.9-76%20106.1c0%2061.8%2050.2%20112%20112%20112s112-50.2%20112-112c0-49.2-31.8-91-76-106.1v-33.6l226.7-291.6c6-7.7%209.3-17.3%209.3-27v-34.4c46.2-13.8%2080-56.7%2080-107.3c0-61.8-50.2-112-112-112M224%20212a48.01%2048.01%200%200%201%2096%200a48.01%2048.01%200%200%201-96%200m336%20600a48.01%2048.01%200%200%201-96%200a48.01%2048.01%200%200%201%2096%200m192-552a48.01%2048.01%200%200%201%200-96a48.01%2048.01%200%200%201%200%2096%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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