lady beetle emoji
lady-beetle from OpenMoji by OpenMoji · Default · Animals Nature · CC-BY-SA-4.0 Attribution required.
- Name
- lady-beetle
- Set
- OpenMoji
- Style
- Default
- Category
- Animals Nature
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More animals nature icons from OpenMoji
Use the lady beetle emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><ellipse cx="36.46" cy="21.915" fill="#3f3f3f" rx="11.02" ry="11.097"/><ellipse cx="36.486" cy="40.683" fill="#d22f27" rx="16.529" ry="17.987"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.984 21.727c0 3.309 4.225 5.914 5.483 6.605m-10.343 9.925c0 .736 3.953 2.039 5.834 2.628m-.974 16.812c0-2.877 3.194-4.69 4.848-5.438M49.126 28.53s4.861-3.89 4.861-6.806m-.982 18.413a8.43 8.43 0 0 0 4.872-1.88m-9.234 14.614c1.258.113 4.566.725 5.348 3.852M29.678 9.084c.76 3.014 2.096 3.693 2.663 3.84m9.979.049s2.659-2.333 1.994-3.889"/><ellipse cx="36.486" cy="40.683" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" rx="16.529" ry="17.987"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36.486 23.668v34.03"/><circle cx="26.819" cy="35.28" r="2"/><circle cx="46.265" cy="35.28" r="2"/><circle cx="42.376" cy="41.114" r="2"/><circle cx="46.265" cy="46.947" r="2"/><circle cx="30.708" cy="41.114" r="2"/><circle cx="26.819" cy="46.947" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M26.46 21.724a10.004 10.004 0 0 1 20 0"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiLadyBeetle(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><ellipse cx="36.46" cy="21.915" fill="#3f3f3f" rx="11.02" ry="11.097"/><ellipse cx="36.486" cy="40.683" fill="#d22f27" rx="16.529" ry="17.987"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M18.984 21.727c0 3.309 4.225 5.914 5.483 6.605m-10.343 9.925c0 .736 3.953 2.039 5.834 2.628m-.974 16.812c0-2.877 3.194-4.69 4.848-5.438M49.126 28.53s4.861-3.89 4.861-6.806m-.982 18.413a8.43 8.43 0 0 0 4.872-1.88m-9.234 14.614c1.258.113 4.566.725 5.348 3.852M29.678 9.084c.76 3.014 2.096 3.693 2.663 3.84m9.979.049s2.659-2.333 1.994-3.889"/><ellipse cx="36.486" cy="40.683" fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" rx="16.529" ry="17.987"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M36.486 23.668v34.03"/><circle cx="26.819" cy="35.28" r="2"/><circle cx="46.265" cy="35.28" r="2"/><circle cx="42.376" cy="41.114" r="2"/><circle cx="46.265" cy="46.947" r="2"/><circle cx="30.708" cy="41.114" r="2"/><circle cx="26.819" cy="46.947" r="2"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M26.46 21.724a10.004 10.004 0 0 1 20 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><ellipse cx="36.46" cy="21.915" fill="#3f3f3f" rx="11.02" ry="11.097"/><ellipse cx="36.486" cy="40.683" fill="#d22f27" rx="16.529" ry="17.987"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.984 21.727c0 3.309 4.225 5.914 5.483 6.605m-10.343 9.925c0 .736 3.953 2.039 5.834 2.628m-.974 16.812c0-2.877 3.194-4.69 4.848-5.438M49.126 28.53s4.861-3.89 4.861-6.806m-.982 18.413a8.43 8.43 0 0 0 4.872-1.88m-9.234 14.614c1.258.113 4.566.725 5.348 3.852M29.678 9.084c.76 3.014 2.096 3.693 2.663 3.84m9.979.049s2.659-2.333 1.994-3.889"/><ellipse cx="36.486" cy="40.683" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" rx="16.529" ry="17.987"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36.486 23.668v34.03"/><circle cx="26.819" cy="35.28" r="2"/><circle cx="46.265" cy="35.28" r="2"/><circle cx="42.376" cy="41.114" r="2"/><circle cx="46.265" cy="46.947" r="2"/><circle cx="30.708" cy="41.114" r="2"/><circle cx="26.819" cy="46.947" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M26.46 21.724a10.004 10.004 0 0 1 20 0"/></svg> </template>
CSS
.icon-lady-beetle {
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%2072%2072%22%3E%3Cellipse%20cx%3D%2236.46%22%20cy%3D%2221.915%22%20fill%3D%22%233f3f3f%22%20rx%3D%2211.02%22%20ry%3D%2211.097%22%2F%3E%3Cellipse%20cx%3D%2236.486%22%20cy%3D%2240.683%22%20fill%3D%22%23d22f27%22%20rx%3D%2216.529%22%20ry%3D%2217.987%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M18.984%2021.727c0%203.309%204.225%205.914%205.483%206.605m-10.343%209.925c0%20.736%203.953%202.039%205.834%202.628m-.974%2016.812c0-2.877%203.194-4.69%204.848-5.438M49.126%2028.53s4.861-3.89%204.861-6.806m-.982%2018.413a8.43%208.43%200%200%200%204.872-1.88m-9.234%2014.614c1.258.113%204.566.725%205.348%203.852M29.678%209.084c.76%203.014%202.096%203.693%202.663%203.84m9.979.049s2.659-2.333%201.994-3.889%22%2F%3E%3Cellipse%20cx%3D%2236.486%22%20cy%3D%2240.683%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%2216.529%22%20ry%3D%2217.987%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M36.486%2023.668v34.03%22%2F%3E%3Ccircle%20cx%3D%2226.819%22%20cy%3D%2235.28%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246.265%22%20cy%3D%2235.28%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2242.376%22%20cy%3D%2241.114%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246.265%22%20cy%3D%2246.947%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2230.708%22%20cy%3D%2241.114%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2226.819%22%20cy%3D%2246.947%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M26.46%2021.724a10.004%2010.004%200%200%201%2020%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%2072%2072%22%3E%3Cellipse%20cx%3D%2236.46%22%20cy%3D%2221.915%22%20fill%3D%22%233f3f3f%22%20rx%3D%2211.02%22%20ry%3D%2211.097%22%2F%3E%3Cellipse%20cx%3D%2236.486%22%20cy%3D%2240.683%22%20fill%3D%22%23d22f27%22%20rx%3D%2216.529%22%20ry%3D%2217.987%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M18.984%2021.727c0%203.309%204.225%205.914%205.483%206.605m-10.343%209.925c0%20.736%203.953%202.039%205.834%202.628m-.974%2016.812c0-2.877%203.194-4.69%204.848-5.438M49.126%2028.53s4.861-3.89%204.861-6.806m-.982%2018.413a8.43%208.43%200%200%200%204.872-1.88m-9.234%2014.614c1.258.113%204.566.725%205.348%203.852M29.678%209.084c.76%203.014%202.096%203.693%202.663%203.84m9.979.049s2.659-2.333%201.994-3.889%22%2F%3E%3Cellipse%20cx%3D%2236.486%22%20cy%3D%2240.683%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20rx%3D%2216.529%22%20ry%3D%2217.987%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M36.486%2023.668v34.03%22%2F%3E%3Ccircle%20cx%3D%2226.819%22%20cy%3D%2235.28%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246.265%22%20cy%3D%2235.28%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2242.376%22%20cy%3D%2241.114%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246.265%22%20cy%3D%2246.947%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2230.708%22%20cy%3D%2241.114%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2226.819%22%20cy%3D%2246.947%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M26.46%2021.724a10.004%2010.004%200%200%201%2020%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/lady-beetle.svg?color=%231a73e8&size=48
