fork icon

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

Name: fork
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

The same icon in other sets

fork-outlinedAnt Design Icons forkBoxIcons v2 forkCarbon forkHuge Icons forkIconPark forkIconPark Outline forkIconPark Solid forkIconPark TwoTone forkJam Icons fork-fillMingCute Icon forkTDesign Icons

Related icons in IonIcons

fork-repo

Use the fork icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M270.2 148.9c0 .1-.1.1 0 0v.1-.1z" fill="currentColor"/><path d="M320 166c0-43.2-15-93.2-24-133.7V32h-8l-.2 116.9c0 6.1-2.9 11.1-9 11.1-5.7 0-8-4.3-8.6-9.9-.1-.4 0-.8 0-1.2L259.9 32h-8l-9 117-.1 1.1c-.6 5.6-3.7 9.9-9.5 9.9-6.1 0-9.1-5-9.1-11.1L223.8 32h-8C207 73 192 122.9 192 166.1c0 25.7 14.6 48.1 36.7 58.2 11.2 5.1 11.3 10.3 11.3 10.3s-16 201.7-16 213.1c0 11.4 4 18.5 9.5 24s14.2 8.2 22.4 8.2h.4c8.2 0 16.8-2.7 22.4-8.2 5.5-5.5 9.3-10.9 9.3-24s-16-213.1-16-213.1-1-5 11.4-10.6c21.6-9.8 36.6-32.2 36.6-58z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonFork(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M270.2 148.9c0 .1-.1.1 0 0v.1-.1z" fill="currentColor"/><path d="M320 166c0-43.2-15-93.2-24-133.7V32h-8l-.2 116.9c0 6.1-2.9 11.1-9 11.1-5.7 0-8-4.3-8.6-9.9-.1-.4 0-.8 0-1.2L259.9 32h-8l-9 117-.1 1.1c-.6 5.6-3.7 9.9-9.5 9.9-6.1 0-9.1-5-9.1-11.1L223.8 32h-8C207 73 192 122.9 192 166.1c0 25.7 14.6 48.1 36.7 58.2 11.2 5.1 11.3 10.3 11.3 10.3s-16 201.7-16 213.1c0 11.4 4 18.5 9.5 24s14.2 8.2 22.4 8.2h.4c8.2 0 16.8-2.7 22.4-8.2 5.5-5.5 9.3-10.9 9.3-24s-16-213.1-16-213.1-1-5 11.4-10.6c21.6-9.8 36.6-32.2 36.6-58z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M270.2 148.9c0 .1-.1.1 0 0v.1-.1z" fill="currentColor"/><path d="M320 166c0-43.2-15-93.2-24-133.7V32h-8l-.2 116.9c0 6.1-2.9 11.1-9 11.1-5.7 0-8-4.3-8.6-9.9-.1-.4 0-.8 0-1.2L259.9 32h-8l-9 117-.1 1.1c-.6 5.6-3.7 9.9-9.5 9.9-6.1 0-9.1-5-9.1-11.1L223.8 32h-8C207 73 192 122.9 192 166.1c0 25.7 14.6 48.1 36.7 58.2 11.2 5.1 11.3 10.3 11.3 10.3s-16 201.7-16 213.1c0 11.4 4 18.5 9.5 24s14.2 8.2 22.4 8.2h.4c8.2 0 16.8-2.7 22.4-8.2 5.5-5.5 9.3-10.9 9.3-24s-16-213.1-16-213.1-1-5 11.4-10.6c21.6-9.8 36.6-32.2 36.6-58z" fill="currentColor"/></svg>
</template>

CSS

.icon-fork {
  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%22M270.2%20148.9c0%20.1-.1.1%200%200v.1-.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M320%20166c0-43.2-15-93.2-24-133.7V32h-8l-.2%20116.9c0%206.1-2.9%2011.1-9%2011.1-5.7%200-8-4.3-8.6-9.9-.1-.4%200-.8%200-1.2L259.9%2032h-8l-9%20117-.1%201.1c-.6%205.6-3.7%209.9-9.5%209.9-6.1%200-9.1-5-9.1-11.1L223.8%2032h-8C207%2073%20192%20122.9%20192%20166.1c0%2025.7%2014.6%2048.1%2036.7%2058.2%2011.2%205.1%2011.3%2010.3%2011.3%2010.3s-16%20201.7-16%20213.1c0%2011.4%204%2018.5%209.5%2024s14.2%208.2%2022.4%208.2h.4c8.2%200%2016.8-2.7%2022.4-8.2%205.5-5.5%209.3-10.9%209.3-24s-16-213.1-16-213.1-1-5%2011.4-10.6c21.6-9.8%2036.6-32.2%2036.6-58z%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%22M270.2%20148.9c0%20.1-.1.1%200%200v.1-.1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M320%20166c0-43.2-15-93.2-24-133.7V32h-8l-.2%20116.9c0%206.1-2.9%2011.1-9%2011.1-5.7%200-8-4.3-8.6-9.9-.1-.4%200-.8%200-1.2L259.9%2032h-8l-9%20117-.1%201.1c-.6%205.6-3.7%209.9-9.5%209.9-6.1%200-9.1-5-9.1-11.1L223.8%2032h-8C207%2073%20192%20122.9%20192%20166.1c0%2025.7%2014.6%2048.1%2036.7%2058.2%2011.2%205.1%2011.3%2010.3%2011.3%2010.3s-16%20201.7-16%20213.1c0%2011.4%204%2018.5%209.5%2024s14.2%208.2%2022.4%208.2h.4c8.2%200%2016.8-2.7%2022.4-8.2%205.5-5.5%209.3-10.9%209.3-24s-16-213.1-16-213.1-1-5%2011.4-10.6c21.6-9.8%2036.6-32.2%2036.6-58z%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.svg?color=%231a73e8&size=48