rabbit icon
rabbit-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- rabbit-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
rabbitEmoji One (Colored)rabbitFluent EmojirabbitFluent Emoji FlatrabbitFluent Emoji High ContrastrabbitHuge IconsrabbitIconParkrabbitIconPark OutlinerabbitIconPark SolidrabbitIconPark TwoTonerabbitLuciderabbitMaterial Design IconsrabbitNoto EmojirabbitOpenMojirabbitPhosphorrabbitStreamline EmojisrabbitTwitter Emoji
Use the rabbit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.927 3.734c.727-.907 1.764-1.598 2.938-1.284s1.727 1.433 1.904 2.582c.182 1.188.037 2.732-.447 4.538a22 22 0 0 1-1.142 3.22c1.092.942 1.82 2.23 1.82 3.71c0 1.629-.882 3.026-2.157 3.982s-2.99 1.519-4.843 1.519s-3.568-.562-4.843-1.519S5 18.13 5 16.501c0-1.482.728-2.769 1.82-3.711a22 22 0 0 1-1.142-3.22c-.484-1.806-.629-3.35-.447-4.538c.177-1.15.73-2.267 1.904-2.582s2.21.377 2.938 1.284C11 5 12 7.501 12 11.054c0-3.553 1-6.054 1.927-7.32M12 15.001a1.5 1.5 0 0 0-1.416 1.99q-.04.009-.084.01a1 1 0 1 0 0 2c.564 0 1.082-.19 1.5-.505c.418.315.936.505 1.5.505a1 1 0 0 0 0-2q-.044-.001-.085-.01c.053-.154.085-.318.085-.49A1.5 1.5 0 0 0 12 15"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteRabbitFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.927 3.734c.727-.907 1.764-1.598 2.938-1.284s1.727 1.433 1.904 2.582c.182 1.188.037 2.732-.447 4.538a22 22 0 0 1-1.142 3.22c1.092.942 1.82 2.23 1.82 3.71c0 1.629-.882 3.026-2.157 3.982s-2.99 1.519-4.843 1.519s-3.568-.562-4.843-1.519S5 18.13 5 16.501c0-1.482.728-2.769 1.82-3.711a22 22 0 0 1-1.142-3.22c-.484-1.806-.629-3.35-.447-4.538c.177-1.15.73-2.267 1.904-2.582s2.21.377 2.938 1.284C11 5 12 7.501 12 11.054c0-3.553 1-6.054 1.927-7.32M12 15.001a1.5 1.5 0 0 0-1.416 1.99q-.04.009-.084.01a1 1 0 1 0 0 2c.564 0 1.082-.19 1.5-.505c.418.315.936.505 1.5.505a1 1 0 0 0 0-2q-.044-.001-.085-.01c.053-.154.085-.318.085-.49A1.5 1.5 0 0 0 12 15"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.927 3.734c.727-.907 1.764-1.598 2.938-1.284s1.727 1.433 1.904 2.582c.182 1.188.037 2.732-.447 4.538a22 22 0 0 1-1.142 3.22c1.092.942 1.82 2.23 1.82 3.71c0 1.629-.882 3.026-2.157 3.982s-2.99 1.519-4.843 1.519s-3.568-.562-4.843-1.519S5 18.13 5 16.501c0-1.482.728-2.769 1.82-3.711a22 22 0 0 1-1.142-3.22c-.484-1.806-.629-3.35-.447-4.538c.177-1.15.73-2.267 1.904-2.582s2.21.377 2.938 1.284C11 5 12 7.501 12 11.054c0-3.553 1-6.054 1.927-7.32M12 15.001a1.5 1.5 0 0 0-1.416 1.99q-.04.009-.084.01a1 1 0 1 0 0 2c.564 0 1.082-.19 1.5-.505c.418.315.936.505 1.5.505a1 1 0 0 0 0-2q-.044-.001-.085-.01c.053-.154.085-.318.085-.49A1.5 1.5 0 0 0 12 15"/></svg> </template>
CSS
.icon-rabbit-fill {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.927%203.734c.727-.907%201.764-1.598%202.938-1.284s1.727%201.433%201.904%202.582c.182%201.188.037%202.732-.447%204.538a22%2022%200%200%201-1.142%203.22c1.092.942%201.82%202.23%201.82%203.71c0%201.629-.882%203.026-2.157%203.982s-2.99%201.519-4.843%201.519s-3.568-.562-4.843-1.519S5%2018.13%205%2016.501c0-1.482.728-2.769%201.82-3.711a22%2022%200%200%201-1.142-3.22c-.484-1.806-.629-3.35-.447-4.538c.177-1.15.73-2.267%201.904-2.582s2.21.377%202.938%201.284C11%205%2012%207.501%2012%2011.054c0-3.553%201-6.054%201.927-7.32M12%2015.001a1.5%201.5%200%200%200-1.416%201.99q-.04.009-.084.01a1%201%200%201%200%200%202c.564%200%201.082-.19%201.5-.505c.418.315.936.505%201.5.505a1%201%200%200%200%200-2q-.044-.001-.085-.01c.053-.154.085-.318.085-.49A1.5%201.5%200%200%200%2012%2015%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.927%203.734c.727-.907%201.764-1.598%202.938-1.284s1.727%201.433%201.904%202.582c.182%201.188.037%202.732-.447%204.538a22%2022%200%200%201-1.142%203.22c1.092.942%201.82%202.23%201.82%203.71c0%201.629-.882%203.026-2.157%203.982s-2.99%201.519-4.843%201.519s-3.568-.562-4.843-1.519S5%2018.13%205%2016.501c0-1.482.728-2.769%201.82-3.711a22%2022%200%200%201-1.142-3.22c-.484-1.806-.629-3.35-.447-4.538c.177-1.15.73-2.267%201.904-2.582s2.21.377%202.938%201.284C11%205%2012%207.501%2012%2011.054c0-3.553%201-6.054%201.927-7.32M12%2015.001a1.5%201.5%200%200%200-1.416%201.99q-.04.009-.084.01a1%201%200%201%200%200%202c.564%200%201.082-.19%201.5-.505c.418.315.936.505%201.5.505a1%201%200%200%200%200-2q-.044-.001-.085-.01c.053-.154.085-.318.085-.49A1.5%201.5%200%200%200%2012%2015%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/rabbit-fill.svg?color=%231a73e8&size=48
