zodiac-cancer
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="M15 9C15 7.34315 16.3431 6 18 6C19.6569 6 21 7.34315 21 9C21 10.6569 19.6569 12 18 12C16.3431 12 15 10.6569 15 9ZM3 15C3 13.3431 4.34315 12 6 12C7.65685 12 9 13.3431 9 15C9 16.6569 7.65685 18 6 18C4.34315 18 3 16.6569 3 15ZM3 15C3 18 8 20 12 20C18 20 20 17 20 17M21 9C21 6 16 4 12 4C6 4 4 7 4 7" />
</svg>
Using with React
Install
@josemi-icons/react and import the icon component in your React application:
import {ZodiacCancerIcon} from "@josemi-icons/react";
const MyComponent = () => {
return (
<ZodiacCancerIcon />
);
};
Using with CSS
Install
@josemi-icons/css and include the icon as a CSS class:
<i class="ji-zodiac-cancer"></i>