bezier curve icon

bezier-curve from Font Awesome 6 Solid by Dave Gandy · Regular · Design · CC-BY-4.0 Attribution required.

Name
bezier-curve
Set
Font Awesome 6 Solid
Style
Regular
Category
Design
Viewbox
640×512
License
CC BY 4.0

The same icon in other sets

bezier-curveFont Awesome Solidbezier-curve-20-regularFluent UI System Iconsbezier-curveIconParkbezier-curveIconPark Outlinebezier-curveIconPark Solidbezier-curveIconPark TwoTonebezier-curveLine Awesomebezier-curvePhosphor

More design icons from Font Awesome 6 Solid

clonecropcrosshairsdraw-polygoneyeeye-droppereye-slashfillfill-driplayer-groupobject-groupobject-ungrouppalettesplotchspray-canstampswatchbookvector-square

Use the bezier curve icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M296 136V88h48v48zm-8-104c-26.5 0-48 21.5-48 48v4H121.6C111.2 62.7 89.3 48 64 48C28.7 48 0 76.7 0 112s28.7 64 64 64c25.3 0 47.2-14.7 57.6-36h66.9c-58.9 39.6-98.9 105-104 180H80c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-3.3c5.9-67 48.5-123.4 107.5-149.1c8.6 12.7 23.2 21.1 39.8 21.1h64c16.6 0 31.1-8.4 39.8-21.1c59 25.7 101.6 82.1 107.5 149.1H496c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-4.5c-5-75-45.1-140.4-104-180h66.9c10.4 21.3 32.3 36 57.6 36c35.3 0 64-28.7 64-64s-28.7-64-64-64c-25.3 0-47.2 14.7-57.6 36H400v-4c0-26.5-21.5-48-48-48zM88 376h48v48H88zm416 48v-48h48v48z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidBezierCurve(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M296 136V88h48v48zm-8-104c-26.5 0-48 21.5-48 48v4H121.6C111.2 62.7 89.3 48 64 48C28.7 48 0 76.7 0 112s28.7 64 64 64c25.3 0 47.2-14.7 57.6-36h66.9c-58.9 39.6-98.9 105-104 180H80c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-3.3c5.9-67 48.5-123.4 107.5-149.1c8.6 12.7 23.2 21.1 39.8 21.1h64c16.6 0 31.1-8.4 39.8-21.1c59 25.7 101.6 82.1 107.5 149.1H496c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-4.5c-5-75-45.1-140.4-104-180h66.9c10.4 21.3 32.3 36 57.6 36c35.3 0 64-28.7 64-64s-28.7-64-64-64c-25.3 0-47.2 14.7-57.6 36H400v-4c0-26.5-21.5-48-48-48zM88 376h48v48H88zm416 48v-48h48v48z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M296 136V88h48v48zm-8-104c-26.5 0-48 21.5-48 48v4H121.6C111.2 62.7 89.3 48 64 48C28.7 48 0 76.7 0 112s28.7 64 64 64c25.3 0 47.2-14.7 57.6-36h66.9c-58.9 39.6-98.9 105-104 180H80c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-3.3c5.9-67 48.5-123.4 107.5-149.1c8.6 12.7 23.2 21.1 39.8 21.1h64c16.6 0 31.1-8.4 39.8-21.1c59 25.7 101.6 82.1 107.5 149.1H496c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-4.5c-5-75-45.1-140.4-104-180h66.9c10.4 21.3 32.3 36 57.6 36c35.3 0 64-28.7 64-64s-28.7-64-64-64c-25.3 0-47.2 14.7-57.6 36H400v-4c0-26.5-21.5-48-48-48zM88 376h48v48H88zm416 48v-48h48v48z"/></svg>
</template>

CSS

.icon-bezier-curve {
  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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M296%20136V88h48v48zm-8-104c-26.5%200-48%2021.5-48%2048v4H121.6C111.2%2062.7%2089.3%2048%2064%2048C28.7%2048%200%2076.7%200%20112s28.7%2064%2064%2064c25.3%200%2047.2-14.7%2057.6-36h66.9c-58.9%2039.6-98.9%20105-104%20180H80c-26.5%200-48%2021.5-48%2048v64c0%2026.5%2021.5%2048%2048%2048h64c26.5%200%2048-21.5%2048-48v-64c0-26.5-21.5-48-48-48h-3.3c5.9-67%2048.5-123.4%20107.5-149.1c8.6%2012.7%2023.2%2021.1%2039.8%2021.1h64c16.6%200%2031.1-8.4%2039.8-21.1c59%2025.7%20101.6%2082.1%20107.5%20149.1H496c-26.5%200-48%2021.5-48%2048v64c0%2026.5%2021.5%2048%2048%2048h64c26.5%200%2048-21.5%2048-48v-64c0-26.5-21.5-48-48-48h-4.5c-5-75-45.1-140.4-104-180h66.9c10.4%2021.3%2032.3%2036%2057.6%2036c35.3%200%2064-28.7%2064-64s-28.7-64-64-64c-25.3%200-47.2%2014.7-57.6%2036H400v-4c0-26.5-21.5-48-48-48zM88%20376h48v48H88zm416%2048v-48h48v48z%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M296%20136V88h48v48zm-8-104c-26.5%200-48%2021.5-48%2048v4H121.6C111.2%2062.7%2089.3%2048%2064%2048C28.7%2048%200%2076.7%200%20112s28.7%2064%2064%2064c25.3%200%2047.2-14.7%2057.6-36h66.9c-58.9%2039.6-98.9%20105-104%20180H80c-26.5%200-48%2021.5-48%2048v64c0%2026.5%2021.5%2048%2048%2048h64c26.5%200%2048-21.5%2048-48v-64c0-26.5-21.5-48-48-48h-3.3c5.9-67%2048.5-123.4%20107.5-149.1c8.6%2012.7%2023.2%2021.1%2039.8%2021.1h64c16.6%200%2031.1-8.4%2039.8-21.1c59%2025.7%20101.6%2082.1%20107.5%20149.1H496c-26.5%200-48%2021.5-48%2048v64c0%2026.5%2021.5%2048%2048%2048h64c26.5%200%2048-21.5%2048-48v-64c0-26.5-21.5-48-48-48h-4.5c-5-75-45.1-140.4-104-180h66.9c10.4%2021.3%2032.3%2036%2057.6%2036c35.3%200%2064-28.7%2064-64s-28.7-64-64-64c-25.3%200-47.2%2014.7-57.6%2036H400v-4c0-26.5-21.5-48-48-48zM88%20376h48v48H88zm416%2048v-48h48v48z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/bezier-curve.svg?color=%231a73e8&size=48