hyacinth emoji
hyacinth from OpenMoji by OpenMoji · Default · Animals Nature · CC-BY-SA-4.0 Attribution required.
- Name
- hyacinth
- 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 hyacinth emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="42.955" cy="36.24" r="4.658" fill="#8967aa"/><circle cx="37.121" cy="31.119" r="4.658" fill="#b399c8"/><circle cx="51.149" cy="26.905" r="4.658" fill="#8967aa"/><circle cx="45.315" cy="21.784" r="4.658" fill="#b399c8"/><circle cx="50.794" cy="20.396" r="4.076" fill="#b399c8"/><circle cx="47.052" cy="31.573" r="6.21" fill="#b399c8"/><path fill="#8967aa" d="M36.083 22.958q.213-.313.468-.603a6.21 6.21 0 1 1-.468.602"/><circle cx="42.853" cy="31.502" r="4.076" fill="#8967aa"/><path fill="#b1cc33" d="M24.303 37.005c2.789 3.414 1.96 8.708 1.96 8.708s-5.353-.242-8.143-3.656s-1.96-8.708-1.96-8.708s5.353.245 8.142 3.656"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M24.303 36.8c2.789 3.414 1.96 8.708 1.96 8.708s-5.353-.243-8.143-3.657s-1.96-8.708-1.96-8.708s5.353.245 8.142 3.657m15.482-1.858a4.66 4.66 0 0 1-7.087-5.284M46.423 17.26c.705.171 1.38.511 1.964 1.024c.425.372.765.805 1.02 1.274m3.02-2.898a4.076 4.076 0 0 1-.596 7.677m.097 3.387a6.212 6.212 0 0 1-7.794 9.332M35.17 25.037a6.21 6.21 0 0 1 11.663-1.244"/><path d="M36.122 30.005a6.22 6.22 0 0 1-.792-5.534m8.36 3.042a4.076 4.076 0 0 1 2.227 6.678"/><path d="M54.222 23.405c-.127-.111-.267-.192-.402-.287c.012-.012.026-.02.037-.034a4.076 4.076 0 0 0-6.126-5.376c-.02.022-.032.048-.051.07a4.654 4.654 0 0 0-5.866.934c-.408.465-.7.99-.893 1.54a6.2 6.2 0 0 0-4.37 2.103a6.2 6.2 0 0 0-1.518 4.607a4.6 4.6 0 0 0-1.412 1.085a4.66 4.66 0 0 0 .428 6.573a4.65 4.65 0 0 0 4.295.99a4.65 4.65 0 0 0 1.539 4.13a4.66 4.66 0 0 0 6.573-.427a4.6 4.6 0 0 0 .893-1.541c1.623-.078 3.214-.785 4.37-2.103s1.652-2.987 1.519-4.606a4.6 4.6 0 0 0 1.412-1.085a4.66 4.66 0 0 0-.428-6.573M35.26 39.17c-3.438 3.549-7.676 10.247-5.829 20.736"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiHyacinth(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="42.955" cy="36.24" r="4.658" fill="#8967aa"/><circle cx="37.121" cy="31.119" r="4.658" fill="#b399c8"/><circle cx="51.149" cy="26.905" r="4.658" fill="#8967aa"/><circle cx="45.315" cy="21.784" r="4.658" fill="#b399c8"/><circle cx="50.794" cy="20.396" r="4.076" fill="#b399c8"/><circle cx="47.052" cy="31.573" r="6.21" fill="#b399c8"/><path fill="#8967aa" d="M36.083 22.958q.213-.313.468-.603a6.21 6.21 0 1 1-.468.602"/><circle cx="42.853" cy="31.502" r="4.076" fill="#8967aa"/><path fill="#b1cc33" d="M24.303 37.005c2.789 3.414 1.96 8.708 1.96 8.708s-5.353-.242-8.143-3.656s-1.96-8.708-1.96-8.708s5.353.245 8.142 3.656"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M24.303 36.8c2.789 3.414 1.96 8.708 1.96 8.708s-5.353-.243-8.143-3.657s-1.96-8.708-1.96-8.708s5.353.245 8.142 3.657m15.482-1.858a4.66 4.66 0 0 1-7.087-5.284M46.423 17.26c.705.171 1.38.511 1.964 1.024c.425.372.765.805 1.02 1.274m3.02-2.898a4.076 4.076 0 0 1-.596 7.677m.097 3.387a6.212 6.212 0 0 1-7.794 9.332M35.17 25.037a6.21 6.21 0 0 1 11.663-1.244"/><path d="M36.122 30.005a6.22 6.22 0 0 1-.792-5.534m8.36 3.042a4.076 4.076 0 0 1 2.227 6.678"/><path d="M54.222 23.405c-.127-.111-.267-.192-.402-.287c.012-.012.026-.02.037-.034a4.076 4.076 0 0 0-6.126-5.376c-.02.022-.032.048-.051.07a4.654 4.654 0 0 0-5.866.934c-.408.465-.7.99-.893 1.54a6.2 6.2 0 0 0-4.37 2.103a6.2 6.2 0 0 0-1.518 4.607a4.6 4.6 0 0 0-1.412 1.085a4.66 4.66 0 0 0 .428 6.573a4.65 4.65 0 0 0 4.295.99a4.65 4.65 0 0 0 1.539 4.13a4.66 4.66 0 0 0 6.573-.427a4.6 4.6 0 0 0 .893-1.541c1.623-.078 3.214-.785 4.37-2.103s1.652-2.987 1.519-4.606a4.6 4.6 0 0 0 1.412-1.085a4.66 4.66 0 0 0-.428-6.573M35.26 39.17c-3.438 3.549-7.676 10.247-5.829 20.736"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="42.955" cy="36.24" r="4.658" fill="#8967aa"/><circle cx="37.121" cy="31.119" r="4.658" fill="#b399c8"/><circle cx="51.149" cy="26.905" r="4.658" fill="#8967aa"/><circle cx="45.315" cy="21.784" r="4.658" fill="#b399c8"/><circle cx="50.794" cy="20.396" r="4.076" fill="#b399c8"/><circle cx="47.052" cy="31.573" r="6.21" fill="#b399c8"/><path fill="#8967aa" d="M36.083 22.958q.213-.313.468-.603a6.21 6.21 0 1 1-.468.602"/><circle cx="42.853" cy="31.502" r="4.076" fill="#8967aa"/><path fill="#b1cc33" d="M24.303 37.005c2.789 3.414 1.96 8.708 1.96 8.708s-5.353-.242-8.143-3.656s-1.96-8.708-1.96-8.708s5.353.245 8.142 3.656"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M24.303 36.8c2.789 3.414 1.96 8.708 1.96 8.708s-5.353-.243-8.143-3.657s-1.96-8.708-1.96-8.708s5.353.245 8.142 3.657m15.482-1.858a4.66 4.66 0 0 1-7.087-5.284M46.423 17.26c.705.171 1.38.511 1.964 1.024c.425.372.765.805 1.02 1.274m3.02-2.898a4.076 4.076 0 0 1-.596 7.677m.097 3.387a6.212 6.212 0 0 1-7.794 9.332M35.17 25.037a6.21 6.21 0 0 1 11.663-1.244"/><path d="M36.122 30.005a6.22 6.22 0 0 1-.792-5.534m8.36 3.042a4.076 4.076 0 0 1 2.227 6.678"/><path d="M54.222 23.405c-.127-.111-.267-.192-.402-.287c.012-.012.026-.02.037-.034a4.076 4.076 0 0 0-6.126-5.376c-.02.022-.032.048-.051.07a4.654 4.654 0 0 0-5.866.934c-.408.465-.7.99-.893 1.54a6.2 6.2 0 0 0-4.37 2.103a6.2 6.2 0 0 0-1.518 4.607a4.6 4.6 0 0 0-1.412 1.085a4.66 4.66 0 0 0 .428 6.573a4.65 4.65 0 0 0 4.295.99a4.65 4.65 0 0 0 1.539 4.13a4.66 4.66 0 0 0 6.573-.427a4.6 4.6 0 0 0 .893-1.541c1.623-.078 3.214-.785 4.37-2.103s1.652-2.987 1.519-4.606a4.6 4.6 0 0 0 1.412-1.085a4.66 4.66 0 0 0-.428-6.573M35.26 39.17c-3.438 3.549-7.676 10.247-5.829 20.736"/></g></svg> </template>
CSS
.icon-hyacinth {
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%3Ccircle%20cx%3D%2242.955%22%20cy%3D%2236.24%22%20r%3D%224.658%22%20fill%3D%22%238967aa%22%2F%3E%3Ccircle%20cx%3D%2237.121%22%20cy%3D%2231.119%22%20r%3D%224.658%22%20fill%3D%22%23b399c8%22%2F%3E%3Ccircle%20cx%3D%2251.149%22%20cy%3D%2226.905%22%20r%3D%224.658%22%20fill%3D%22%238967aa%22%2F%3E%3Ccircle%20cx%3D%2245.315%22%20cy%3D%2221.784%22%20r%3D%224.658%22%20fill%3D%22%23b399c8%22%2F%3E%3Ccircle%20cx%3D%2250.794%22%20cy%3D%2220.396%22%20r%3D%224.076%22%20fill%3D%22%23b399c8%22%2F%3E%3Ccircle%20cx%3D%2247.052%22%20cy%3D%2231.573%22%20r%3D%226.21%22%20fill%3D%22%23b399c8%22%2F%3E%3Cpath%20fill%3D%22%238967aa%22%20d%3D%22M36.083%2022.958q.213-.313.468-.603a6.21%206.21%200%201%201-.468.602%22%2F%3E%3Ccircle%20cx%3D%2242.853%22%20cy%3D%2231.502%22%20r%3D%224.076%22%20fill%3D%22%238967aa%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M24.303%2037.005c2.789%203.414%201.96%208.708%201.96%208.708s-5.353-.242-8.143-3.656s-1.96-8.708-1.96-8.708s5.353.245%208.142%203.656%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M24.303%2036.8c2.789%203.414%201.96%208.708%201.96%208.708s-5.353-.243-8.143-3.657s-1.96-8.708-1.96-8.708s5.353.245%208.142%203.657m15.482-1.858a4.66%204.66%200%200%201-7.087-5.284M46.423%2017.26c.705.171%201.38.511%201.964%201.024c.425.372.765.805%201.02%201.274m3.02-2.898a4.076%204.076%200%200%201-.596%207.677m.097%203.387a6.212%206.212%200%200%201-7.794%209.332M35.17%2025.037a6.21%206.21%200%200%201%2011.663-1.244%22%2F%3E%3Cpath%20d%3D%22M36.122%2030.005a6.22%206.22%200%200%201-.792-5.534m8.36%203.042a4.076%204.076%200%200%201%202.227%206.678%22%2F%3E%3Cpath%20d%3D%22M54.222%2023.405c-.127-.111-.267-.192-.402-.287c.012-.012.026-.02.037-.034a4.076%204.076%200%200%200-6.126-5.376c-.02.022-.032.048-.051.07a4.654%204.654%200%200%200-5.866.934c-.408.465-.7.99-.893%201.54a6.2%206.2%200%200%200-4.37%202.103a6.2%206.2%200%200%200-1.518%204.607a4.6%204.6%200%200%200-1.412%201.085a4.66%204.66%200%200%200%20.428%206.573a4.65%204.65%200%200%200%204.295.99a4.65%204.65%200%200%200%201.539%204.13a4.66%204.66%200%200%200%206.573-.427a4.6%204.6%200%200%200%20.893-1.541c1.623-.078%203.214-.785%204.37-2.103s1.652-2.987%201.519-4.606a4.6%204.6%200%200%200%201.412-1.085a4.66%204.66%200%200%200-.428-6.573M35.26%2039.17c-3.438%203.549-7.676%2010.247-5.829%2020.736%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%2072%2072%22%3E%3Ccircle%20cx%3D%2242.955%22%20cy%3D%2236.24%22%20r%3D%224.658%22%20fill%3D%22%238967aa%22%2F%3E%3Ccircle%20cx%3D%2237.121%22%20cy%3D%2231.119%22%20r%3D%224.658%22%20fill%3D%22%23b399c8%22%2F%3E%3Ccircle%20cx%3D%2251.149%22%20cy%3D%2226.905%22%20r%3D%224.658%22%20fill%3D%22%238967aa%22%2F%3E%3Ccircle%20cx%3D%2245.315%22%20cy%3D%2221.784%22%20r%3D%224.658%22%20fill%3D%22%23b399c8%22%2F%3E%3Ccircle%20cx%3D%2250.794%22%20cy%3D%2220.396%22%20r%3D%224.076%22%20fill%3D%22%23b399c8%22%2F%3E%3Ccircle%20cx%3D%2247.052%22%20cy%3D%2231.573%22%20r%3D%226.21%22%20fill%3D%22%23b399c8%22%2F%3E%3Cpath%20fill%3D%22%238967aa%22%20d%3D%22M36.083%2022.958q.213-.313.468-.603a6.21%206.21%200%201%201-.468.602%22%2F%3E%3Ccircle%20cx%3D%2242.853%22%20cy%3D%2231.502%22%20r%3D%224.076%22%20fill%3D%22%238967aa%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M24.303%2037.005c2.789%203.414%201.96%208.708%201.96%208.708s-5.353-.242-8.143-3.656s-1.96-8.708-1.96-8.708s5.353.245%208.142%203.656%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M24.303%2036.8c2.789%203.414%201.96%208.708%201.96%208.708s-5.353-.243-8.143-3.657s-1.96-8.708-1.96-8.708s5.353.245%208.142%203.657m15.482-1.858a4.66%204.66%200%200%201-7.087-5.284M46.423%2017.26c.705.171%201.38.511%201.964%201.024c.425.372.765.805%201.02%201.274m3.02-2.898a4.076%204.076%200%200%201-.596%207.677m.097%203.387a6.212%206.212%200%200%201-7.794%209.332M35.17%2025.037a6.21%206.21%200%200%201%2011.663-1.244%22%2F%3E%3Cpath%20d%3D%22M36.122%2030.005a6.22%206.22%200%200%201-.792-5.534m8.36%203.042a4.076%204.076%200%200%201%202.227%206.678%22%2F%3E%3Cpath%20d%3D%22M54.222%2023.405c-.127-.111-.267-.192-.402-.287c.012-.012.026-.02.037-.034a4.076%204.076%200%200%200-6.126-5.376c-.02.022-.032.048-.051.07a4.654%204.654%200%200%200-5.866.934c-.408.465-.7.99-.893%201.54a6.2%206.2%200%200%200-4.37%202.103a6.2%206.2%200%200%200-1.518%204.607a4.6%204.6%200%200%200-1.412%201.085a4.66%204.66%200%200%200%20.428%206.573a4.65%204.65%200%200%200%204.295.99a4.65%204.65%200%200%200%201.539%204.13a4.66%204.66%200%200%200%206.573-.427a4.6%204.6%200%200%200%20.893-1.541c1.623-.078%203.214-.785%204.37-2.103s1.652-2.987%201.519-4.606a4.6%204.6%200%200%200%201.412-1.085a4.66%204.66%200%200%200-.428-6.573M35.26%2039.17c-3.438%203.549-7.676%2010.247-5.829%2020.736%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/hyacinth.svg?color=%231a73e8&size=48
