rabbit icon

rabbit-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.

Name: rabbit-line
Set: MingCute Icon
Style: Line
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

rabbitEmoji One (Colored)rabbitFluent Emoji rabbitFluent Emoji Flat rabbitFluent Emoji High Contrast rabbitHuge Icons rabbitIconPark rabbitIconPark Outline rabbitIconPark Solid rabbitIconPark TwoTone rabbitLucide rabbitMaterial Design Icons rabbitNoto Emoji rabbitOpenMoji rabbitPhosphor rabbitStreamline Emojis rabbitTwitter 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="M12.5 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 16.5a1.51 1.51 0 0 1-1.51 1.5m1.52-1.5a1.49 1.49 0 0 0 1.48 1.5M6.644 9.31c-.93-3.467-.451-5.573.75-5.894c1.2-.322 2.667 1.262 3.596 4.73a20.7 20.7 0 0 1 .648 3.862a8 8 0 0 1 .724 0a20.7 20.7 0 0 1 .648-3.862c.929-3.468 2.396-5.052 3.597-4.73c1.2.321 1.679 2.427.75 5.895a20.7 20.7 0 0 1-1.43 3.787C17.198 13.923 18 15.141 18 16.5c0 2.485-2.686 4.5-6 4.5s-6-2.015-6-4.5c0-1.359.803-2.577 2.072-3.402a20.6 20.6 0 0 1-1.428-3.787M12.5 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteRabbitLine(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="M12.5 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 16.5a1.51 1.51 0 0 1-1.51 1.5m1.52-1.5a1.49 1.49 0 0 0 1.48 1.5M6.644 9.31c-.93-3.467-.451-5.573.75-5.894c1.2-.322 2.667 1.262 3.596 4.73a20.7 20.7 0 0 1 .648 3.862a8 8 0 0 1 .724 0a20.7 20.7 0 0 1 .648-3.862c.929-3.468 2.396-5.052 3.597-4.73c1.2.321 1.679 2.427.75 5.895a20.7 20.7 0 0 1-1.43 3.787C17.198 13.923 18 15.141 18 16.5c0 2.485-2.686 4.5-6 4.5s-6-2.015-6-4.5c0-1.359.803-2.577 2.072-3.402a20.6 20.6 0 0 1-1.428-3.787M12.5 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.5 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 16.5a1.51 1.51 0 0 1-1.51 1.5m1.52-1.5a1.49 1.49 0 0 0 1.48 1.5M6.644 9.31c-.93-3.467-.451-5.573.75-5.894c1.2-.322 2.667 1.262 3.596 4.73a20.7 20.7 0 0 1 .648 3.862a8 8 0 0 1 .724 0a20.7 20.7 0 0 1 .648-3.862c.929-3.468 2.396-5.052 3.597-4.73c1.2.321 1.679 2.427.75 5.895a20.7 20.7 0 0 1-1.43 3.787C17.198 13.923 18 15.141 18 16.5c0 2.485-2.686 4.5-6 4.5s-6-2.015-6-4.5c0-1.359.803-2.577 2.072-3.402a20.6 20.6 0 0 1-1.428-3.787M12.5 16.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/></svg>
</template>

CSS

.icon-rabbit-line {
  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%22M12.5%2016.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%2016.5a1.51%201.51%200%200%201-1.51%201.5m1.52-1.5a1.49%201.49%200%200%200%201.48%201.5M6.644%209.31c-.93-3.467-.451-5.573.75-5.894c1.2-.322%202.667%201.262%203.596%204.73a20.7%2020.7%200%200%201%20.648%203.862a8%208%200%200%201%20.724%200a20.7%2020.7%200%200%201%20.648-3.862c.929-3.468%202.396-5.052%203.597-4.73c1.2.321%201.679%202.427.75%205.895a20.7%2020.7%200%200%201-1.43%203.787C17.198%2013.923%2018%2015.141%2018%2016.5c0%202.485-2.686%204.5-6%204.5s-6-2.015-6-4.5c0-1.359.803-2.577%202.072-3.402a20.6%2020.6%200%200%201-1.428-3.787M12.5%2016.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%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%22M12.5%2016.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%2016.5a1.51%201.51%200%200%201-1.51%201.5m1.52-1.5a1.49%201.49%200%200%200%201.48%201.5M6.644%209.31c-.93-3.467-.451-5.573.75-5.894c1.2-.322%202.667%201.262%203.596%204.73a20.7%2020.7%200%200%201%20.648%203.862a8%208%200%200%201%20.724%200a20.7%2020.7%200%200%201%20.648-3.862c.929-3.468%202.396-5.052%203.597-4.73c1.2.321%201.679%202.427.75%205.895a20.7%2020.7%200%200%201-1.43%203.787C17.198%2013.923%2018%2015.141%2018%2016.5c0%202.485-2.686%204.5-6%204.5s-6-2.015-6-4.5c0-1.359.803-2.577%202.072-3.402a20.6%2020.6%200%200%201-1.428-3.787M12.5%2016.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/rabbit-line.svg?color=%231a73e8&size=48