zodiac leo icon
zodiac-leo from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- zodiac-leo
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the zodiac leo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="currentColor" d="M20.75 18a.75.75 0 0 0-1.5 0zm-11.5-3a.75.75 0 0 0 1.5 0zM20 18h-.75A2.25 2.25 0 0 1 17 20.25v1.5A3.75 3.75 0 0 0 20.75 18zm-3 3v-.75A2.25 2.25 0 0 1 14.75 18h-1.5A3.75 3.75 0 0 0 17 21.75zm-7-6h.75c0-2.068-.26-3.621-.515-4.897c-.26-1.305-.485-2.2-.485-3.103h-1.5c0 1.096.276 2.202.515 3.397c.244 1.224.485 2.671.485 4.603zM9 7h.75A3.25 3.25 0 0 1 13 3.75v-1.5A4.75 4.75 0 0 0 8.25 7zm4-4v.75A3.25 3.25 0 0 1 16.25 7h1.5A4.75 4.75 0 0 0 13 2.25zm4 4h-.75c0 2.33-.691 3.958-1.431 5.56c-.736 1.595-1.569 3.247-1.569 5.44h1.5c0-1.807.667-3.155 1.431-4.81c.76-1.648 1.569-3.52 1.569-6.19z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsZodiacLeo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M7 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="currentColor" d="M20.75 18a.75.75 0 0 0-1.5 0zm-11.5-3a.75.75 0 0 0 1.5 0zM20 18h-.75A2.25 2.25 0 0 1 17 20.25v1.5A3.75 3.75 0 0 0 20.75 18zm-3 3v-.75A2.25 2.25 0 0 1 14.75 18h-1.5A3.75 3.75 0 0 0 17 21.75zm-7-6h.75c0-2.068-.26-3.621-.515-4.897c-.26-1.305-.485-2.2-.485-3.103h-1.5c0 1.096.276 2.202.515 3.397c.244 1.224.485 2.671.485 4.603zM9 7h.75A3.25 3.25 0 0 1 13 3.75v-1.5A4.75 4.75 0 0 0 8.25 7zm4-4v.75A3.25 3.25 0 0 1 16.25 7h1.5A4.75 4.75 0 0 0 13 2.25zm4 4h-.75c0 2.33-.691 3.958-1.431 5.56c-.736 1.595-1.569 3.247-1.569 5.44h1.5c0-1.807.667-3.155 1.431-4.81c.76-1.648 1.569-3.52 1.569-6.19z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 18a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="currentColor" d="M20.75 18a.75.75 0 0 0-1.5 0zm-11.5-3a.75.75 0 0 0 1.5 0zM20 18h-.75A2.25 2.25 0 0 1 17 20.25v1.5A3.75 3.75 0 0 0 20.75 18zm-3 3v-.75A2.25 2.25 0 0 1 14.75 18h-1.5A3.75 3.75 0 0 0 17 21.75zm-7-6h.75c0-2.068-.26-3.621-.515-4.897c-.26-1.305-.485-2.2-.485-3.103h-1.5c0 1.096.276 2.202.515 3.397c.244 1.224.485 2.671.485 4.603zM9 7h.75A3.25 3.25 0 0 1 13 3.75v-1.5A4.75 4.75 0 0 0 8.25 7zm4-4v.75A3.25 3.25 0 0 1 16.25 7h1.5A4.75 4.75 0 0 0 13 2.25zm4 4h-.75c0 2.33-.691 3.958-1.431 5.56c-.736 1.595-1.569 3.247-1.569 5.44h1.5c0-1.807.667-3.155 1.431-4.81c.76-1.648 1.569-3.52 1.569-6.19z"/></g></svg> </template>
CSS
.icon-zodiac-leo {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7%2018a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.75%2018a.75.75%200%200%200-1.5%200zm-11.5-3a.75.75%200%200%200%201.5%200zM20%2018h-.75A2.25%202.25%200%200%201%2017%2020.25v1.5A3.75%203.75%200%200%200%2020.75%2018zm-3%203v-.75A2.25%202.25%200%200%201%2014.75%2018h-1.5A3.75%203.75%200%200%200%2017%2021.75zm-7-6h.75c0-2.068-.26-3.621-.515-4.897c-.26-1.305-.485-2.2-.485-3.103h-1.5c0%201.096.276%202.202.515%203.397c.244%201.224.485%202.671.485%204.603zM9%207h.75A3.25%203.25%200%200%201%2013%203.75v-1.5A4.75%204.75%200%200%200%208.25%207zm4-4v.75A3.25%203.25%200%200%201%2016.25%207h1.5A4.75%204.75%200%200%200%2013%202.25zm4%204h-.75c0%202.33-.691%203.958-1.431%205.56c-.736%201.595-1.569%203.247-1.569%205.44h1.5c0-1.807.667-3.155%201.431-4.81c.76-1.648%201.569-3.52%201.569-6.19z%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7%2018a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.75%2018a.75.75%200%200%200-1.5%200zm-11.5-3a.75.75%200%200%200%201.5%200zM20%2018h-.75A2.25%202.25%200%200%201%2017%2020.25v1.5A3.75%203.75%200%200%200%2020.75%2018zm-3%203v-.75A2.25%202.25%200%200%201%2014.75%2018h-1.5A3.75%203.75%200%200%200%2017%2021.75zm-7-6h.75c0-2.068-.26-3.621-.515-4.897c-.26-1.305-.485-2.2-.485-3.103h-1.5c0%201.096.276%202.202.515%203.397c.244%201.224.485%202.671.485%204.603zM9%207h.75A3.25%203.25%200%200%201%2013%203.75v-1.5A4.75%204.75%200%200%200%208.25%207zm4-4v.75A3.25%203.25%200%200%201%2016.25%207h1.5A4.75%204.75%200%200%200%2013%202.25zm4%204h-.75c0%202.33-.691%203.958-1.431%205.56c-.736%201.595-1.569%203.247-1.569%205.44h1.5c0-1.807.667-3.155%201.431-4.81c.76-1.648%201.569-3.52%201.569-6.19z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/zodiac-leo.svg?color=%231a73e8&size=48
