Ease Out Control Point Icon SVG
Ease Out Control Point
Ease out control point SVG Icon Code | Customize color
You can get svg icon ease out control point in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 20C3 20 13 4 21 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 4C7 5.10457 6.10457 6 5 6C3.89543 6 3 5.10457 3 4C3 2.89543 3.89543 2 5 2C6.10457 2 7 2.89543 7 4ZM7 4L9 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 4L12 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> Svg Code
<svg style="color: white" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 20C3 20 13 4 21 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M7 4C7 5.10457 6.10457 6 5 6C3.89543 6 3 5.10457 3 4C3 2.89543 3.89543 2 5 2C6.10457 2 7 2.89543 7 4ZM7 4L9 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> <path d="M14 4L12 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="white"></path> </svg> Svg Code
<svg style="color: red" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 20C3 20 13 4 21 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M7 4C7 5.10457 6.10457 6 5 6C3.89543 6 3 5.10457 3 4C3 2.89543 3.89543 2 5 2C6.10457 2 7 2.89543 7 4ZM7 4L9 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> <path d="M14 4L12 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="red"></path> </svg> Svg Code
<svg style="color: blue" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 20C3 20 13 4 21 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M7 4C7 5.10457 6.10457 6 5 6C3.89543 6 3 5.10457 3 4C3 2.89543 3.89543 2 5 2C6.10457 2 7 2.89543 7 4ZM7 4L9 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> <path d="M14 4L12 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 20C3 20 13 4 21 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M7 4C7 5.10457 6.10457 6 5 6C3.89543 6 3 5.10457 3 4C3 2.89543 3.89543 2 5 2C6.10457 2 7 2.89543 7 4ZM7 4L9 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> <path d="M14 4L12 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path> </svg> Advance Editor
You can edit ease out control point as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements