bezier-2
v0.7.0
Customize icon
Set your custom size or color and download the icon as SVG or PNG image.
Width
Height
Color
Get SVG
Get PNG
Using as SVG
Copy and paste the following SVG code into your HTML file where you want the icon to appear.
Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4C3 3 4 3 4 3L6 3C6 3 7 3 7 4L7 6C7 7 6 7 6 7L4 7C4 7 3 7 3 6L3 4ZM17 18C17 17 18 17 18 17L20 17C20 17 21 17 21 18L21 20C21 21 20 21 20 21L18 21C18 21 17 21 17 20L17 18ZM14 5L7 5C10.4943 5 12 9 12 12C12 15 13.4943 19 17 19L10 19M14 5C14 4.44772 14.4477 4 15 4C15.5523 4 16 4.44772 16 5C16 5.55228 15.5523 6 15 6C14.4477 6 14 5.55228 14 5ZM8 19C8 18.4477 8.44771 18 9 18C9.55229 18 10 18.4477 10 19C10 19.5523 9.55229 20 9 20C8.44771 20 8 19.5523 8 19Z" />
</svg>
Using with React
Install
@josemi-icons/react and import the icon component in your React application:
import {Bezier2Icon} from "@josemi-icons/react";
const MyComponent = () => {
return (
<Bezier2Icon />
);
};
Using with CSS
Install
@josemi-icons/css and include the icon as a CSS class:
<i class="ji-bezier-2"></i>