zodiac-leo
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 16C3 14.3431 4.34315 13 6 13C7.65685 13 9 14.3431 9 16C9 17.6569 7.65685 19 6 19C4.34315 19 3 17.6569 3 16ZM7 7C7 4.79086 8.79086 3 11 3C13.2091 3 15 4.79086 15 7C15 9.20914 13.2091 11 11 11C8.79086 11 7 9.20914 7 7ZM21 16.5C21 18.9853 18.9853 21 16.5 21C14.0147 21 12 18.9853 12 16.5C12 13 15 12 15 7M9 16C9 13 7 10 7 7" />
</svg>
Using with React
Install
@josemi-icons/react and import the icon component in your React application:
import {ZodiacLeoIcon} from "@josemi-icons/react";
const MyComponent = () => {
return (
<ZodiacLeoIcon />
);
};
Using with CSS
Install
@josemi-icons/css and include the icon as a CSS class:
<i class="ji-zodiac-leo"></i>