honey logo
honey from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- honey
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the honey logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.416 5.59c.04-.994.254-2.312.909-3.091c.922-1.09 2.794-.914 3.102.658c.146.767-.054 1.708-.402 2.367c-.734 1.439-2.1 2.622-3.636 3.026c.013-.901 0-2.071.027-2.96m12.54 13.904c-.775.901-1.764 1.6-2.714 1.56c-1.07-.04-.963-1.372-.963-2.124v-3.16c.014-.605.014-1.21-.053-1.802c-.174-1.761-1.204-3.173-3.142-3.307c-3.37-.135-4.706 3.132-5.695 5.821v-5.89c2.94-.456 7.02-2.11 7.14-5.875c.2-6.4-10.563-6.629-10.523 1.426c.014.618.014 1.802.014 2.42c-1.445-.215-2.608-2.34-3.143-3.604a.35.35 0 0 0-.427-.215C.43 5.27.137 7.407 1.5 8.86c1.124 1.197 2.915 1.654 4.493 1.735c-.013 4.664-.013 7.542-.013 12.194c.067.66.962.835 1.484.848c.588.013 1.684-.16 1.738-.928c.187-2.286 2.125-9.036 4.76-9.036c.613 0 .908.403.908.995v5.5c0 2.286 1.284 3.818 3.623 3.832c2.073 0 3.891-1.72 4.8-3.698c.281-.632-.922-1.278-1.337-.807z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHoney(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="M9.416 5.59c.04-.994.254-2.312.909-3.091c.922-1.09 2.794-.914 3.102.658c.146.767-.054 1.708-.402 2.367c-.734 1.439-2.1 2.622-3.636 3.026c.013-.901 0-2.071.027-2.96m12.54 13.904c-.775.901-1.764 1.6-2.714 1.56c-1.07-.04-.963-1.372-.963-2.124v-3.16c.014-.605.014-1.21-.053-1.802c-.174-1.761-1.204-3.173-3.142-3.307c-3.37-.135-4.706 3.132-5.695 5.821v-5.89c2.94-.456 7.02-2.11 7.14-5.875c.2-6.4-10.563-6.629-10.523 1.426c.014.618.014 1.802.014 2.42c-1.445-.215-2.608-2.34-3.143-3.604a.35.35 0 0 0-.427-.215C.43 5.27.137 7.407 1.5 8.86c1.124 1.197 2.915 1.654 4.493 1.735c-.013 4.664-.013 7.542-.013 12.194c.067.66.962.835 1.484.848c.588.013 1.684-.16 1.738-.928c.187-2.286 2.125-9.036 4.76-9.036c.613 0 .908.403.908.995v5.5c0 2.286 1.284 3.818 3.623 3.832c2.073 0 3.891-1.72 4.8-3.698c.281-.632-.922-1.278-1.337-.807z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.416 5.59c.04-.994.254-2.312.909-3.091c.922-1.09 2.794-.914 3.102.658c.146.767-.054 1.708-.402 2.367c-.734 1.439-2.1 2.622-3.636 3.026c.013-.901 0-2.071.027-2.96m12.54 13.904c-.775.901-1.764 1.6-2.714 1.56c-1.07-.04-.963-1.372-.963-2.124v-3.16c.014-.605.014-1.21-.053-1.802c-.174-1.761-1.204-3.173-3.142-3.307c-3.37-.135-4.706 3.132-5.695 5.821v-5.89c2.94-.456 7.02-2.11 7.14-5.875c.2-6.4-10.563-6.629-10.523 1.426c.014.618.014 1.802.014 2.42c-1.445-.215-2.608-2.34-3.143-3.604a.35.35 0 0 0-.427-.215C.43 5.27.137 7.407 1.5 8.86c1.124 1.197 2.915 1.654 4.493 1.735c-.013 4.664-.013 7.542-.013 12.194c.067.66.962.835 1.484.848c.588.013 1.684-.16 1.738-.928c.187-2.286 2.125-9.036 4.76-9.036c.613 0 .908.403.908.995v5.5c0 2.286 1.284 3.818 3.623 3.832c2.073 0 3.891-1.72 4.8-3.698c.281-.632-.922-1.278-1.337-.807z"/></svg> </template>
CSS
.icon-honey {
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%22M9.416%205.59c.04-.994.254-2.312.909-3.091c.922-1.09%202.794-.914%203.102.658c.146.767-.054%201.708-.402%202.367c-.734%201.439-2.1%202.622-3.636%203.026c.013-.901%200-2.071.027-2.96m12.54%2013.904c-.775.901-1.764%201.6-2.714%201.56c-1.07-.04-.963-1.372-.963-2.124v-3.16c.014-.605.014-1.21-.053-1.802c-.174-1.761-1.204-3.173-3.142-3.307c-3.37-.135-4.706%203.132-5.695%205.821v-5.89c2.94-.456%207.02-2.11%207.14-5.875c.2-6.4-10.563-6.629-10.523%201.426c.014.618.014%201.802.014%202.42c-1.445-.215-2.608-2.34-3.143-3.604a.35.35%200%200%200-.427-.215C.43%205.27.137%207.407%201.5%208.86c1.124%201.197%202.915%201.654%204.493%201.735c-.013%204.664-.013%207.542-.013%2012.194c.067.66.962.835%201.484.848c.588.013%201.684-.16%201.738-.928c.187-2.286%202.125-9.036%204.76-9.036c.613%200%20.908.403.908.995v5.5c0%202.286%201.284%203.818%203.623%203.832c2.073%200%203.891-1.72%204.8-3.698c.281-.632-.922-1.278-1.337-.807z%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%22M9.416%205.59c.04-.994.254-2.312.909-3.091c.922-1.09%202.794-.914%203.102.658c.146.767-.054%201.708-.402%202.367c-.734%201.439-2.1%202.622-3.636%203.026c.013-.901%200-2.071.027-2.96m12.54%2013.904c-.775.901-1.764%201.6-2.714%201.56c-1.07-.04-.963-1.372-.963-2.124v-3.16c.014-.605.014-1.21-.053-1.802c-.174-1.761-1.204-3.173-3.142-3.307c-3.37-.135-4.706%203.132-5.695%205.821v-5.89c2.94-.456%207.02-2.11%207.14-5.875c.2-6.4-10.563-6.629-10.523%201.426c.014.618.014%201.802.014%202.42c-1.445-.215-2.608-2.34-3.143-3.604a.35.35%200%200%200-.427-.215C.43%205.27.137%207.407%201.5%208.86c1.124%201.197%202.915%201.654%204.493%201.735c-.013%204.664-.013%207.542-.013%2012.194c.067.66.962.835%201.484.848c.588.013%201.684-.16%201.738-.928c.187-2.286%202.125-9.036%204.76-9.036c.613%200%20.908.403.908.995v5.5c0%202.286%201.284%203.818%203.623%203.832c2.073%200%203.891-1.72%204.8-3.698c.281-.632-.922-1.278-1.337-.807z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/honey.svg?color=%231a73e8&size=48
