honey icon
honey from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- honey
- Set
- IconPark
- Style
- Color
- Category
- Foods
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More foods icons from IconPark
Use the honey icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path fill="#2F88FF" d="M14.6126 4.84251L9.92332 9.53175C8.62842 10.8266 8.62842 12.9261 9.92332 14.221C11.2182 15.5159 13.3177 15.5159 14.6126 14.221L19.3018 9.53175C20.5967 8.23685 20.5967 6.13741 19.3018 4.84251C18.0069 3.54761 15.9074 3.54762 14.6126 4.84251Z"/><path fill="#2F88FF" d="M24.7734 13.4397L18.521 19.692C17.2261 20.9869 17.2261 23.0863 18.521 24.3812C19.8159 25.6761 21.9154 25.6761 23.2103 24.3812L29.4626 18.1289C30.7575 16.834 30.7575 14.7346 29.4626 13.4397C28.1677 12.1448 26.0683 12.1448 24.7734 13.4397Z"/><path d="M28.6804 18.9104L42.4504 32.6803C43.4781 33.708 43.2615 35.5909 41.9666 36.8857C40.6717 38.1806 38.7888 38.3973 37.7611 37.3696L23.9912 23.5996"/><path fill="#2F88FF" d="M22.4284 6.40575L11.4868 17.3473C10.1919 18.6422 10.1919 20.7416 11.4868 22.0365C12.7817 23.3314 14.8812 23.3314 16.1761 22.0365L27.1176 11.0949C28.4125 9.80009 28.4125 7.70065 27.1176 6.40575C25.8227 5.11085 23.7233 5.11085 22.4284 6.40575Z"/><path stroke-linecap="round" d="M13.8542 23.1421C15.2778 27.5788 15.0407 30.8568 13.1431 32.976C10.2966 36.1547 10.7393 44.1421 17.1702 44.1421C23.6011 44.1421 25.4901 36.1547 20.0423 33.3527"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkHoney(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeWidth="4"><path fill="#2F88FF" d="M14.6126 4.84251L9.92332 9.53175C8.62842 10.8266 8.62842 12.9261 9.92332 14.221C11.2182 15.5159 13.3177 15.5159 14.6126 14.221L19.3018 9.53175C20.5967 8.23685 20.5967 6.13741 19.3018 4.84251C18.0069 3.54761 15.9074 3.54762 14.6126 4.84251Z"/><path fill="#2F88FF" d="M24.7734 13.4397L18.521 19.692C17.2261 20.9869 17.2261 23.0863 18.521 24.3812C19.8159 25.6761 21.9154 25.6761 23.2103 24.3812L29.4626 18.1289C30.7575 16.834 30.7575 14.7346 29.4626 13.4397C28.1677 12.1448 26.0683 12.1448 24.7734 13.4397Z"/><path d="M28.6804 18.9104L42.4504 32.6803C43.4781 33.708 43.2615 35.5909 41.9666 36.8857C40.6717 38.1806 38.7888 38.3973 37.7611 37.3696L23.9912 23.5996"/><path fill="#2F88FF" d="M22.4284 6.40575L11.4868 17.3473C10.1919 18.6422 10.1919 20.7416 11.4868 22.0365C12.7817 23.3314 14.8812 23.3314 16.1761 22.0365L27.1176 11.0949C28.4125 9.80009 28.4125 7.70065 27.1176 6.40575C25.8227 5.11085 23.7233 5.11085 22.4284 6.40575Z"/><path strokeLinecap="round" d="M13.8542 23.1421C15.2778 27.5788 15.0407 30.8568 13.1431 32.976C10.2966 36.1547 10.7393 44.1421 17.1702 44.1421C23.6011 44.1421 25.4901 36.1547 20.0423 33.3527"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path fill="#2F88FF" d="M14.6126 4.84251L9.92332 9.53175C8.62842 10.8266 8.62842 12.9261 9.92332 14.221C11.2182 15.5159 13.3177 15.5159 14.6126 14.221L19.3018 9.53175C20.5967 8.23685 20.5967 6.13741 19.3018 4.84251C18.0069 3.54761 15.9074 3.54762 14.6126 4.84251Z"/><path fill="#2F88FF" d="M24.7734 13.4397L18.521 19.692C17.2261 20.9869 17.2261 23.0863 18.521 24.3812C19.8159 25.6761 21.9154 25.6761 23.2103 24.3812L29.4626 18.1289C30.7575 16.834 30.7575 14.7346 29.4626 13.4397C28.1677 12.1448 26.0683 12.1448 24.7734 13.4397Z"/><path d="M28.6804 18.9104L42.4504 32.6803C43.4781 33.708 43.2615 35.5909 41.9666 36.8857C40.6717 38.1806 38.7888 38.3973 37.7611 37.3696L23.9912 23.5996"/><path fill="#2F88FF" d="M22.4284 6.40575L11.4868 17.3473C10.1919 18.6422 10.1919 20.7416 11.4868 22.0365C12.7817 23.3314 14.8812 23.3314 16.1761 22.0365L27.1176 11.0949C28.4125 9.80009 28.4125 7.70065 27.1176 6.40575C25.8227 5.11085 23.7233 5.11085 22.4284 6.40575Z"/><path stroke-linecap="round" d="M13.8542 23.1421C15.2778 27.5788 15.0407 30.8568 13.1431 32.976C10.2966 36.1547 10.7393 44.1421 17.1702 44.1421C23.6011 44.1421 25.4901 36.1547 20.0423 33.3527"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M14.6126%204.84251L9.92332%209.53175C8.62842%2010.8266%208.62842%2012.9261%209.92332%2014.221C11.2182%2015.5159%2013.3177%2015.5159%2014.6126%2014.221L19.3018%209.53175C20.5967%208.23685%2020.5967%206.13741%2019.3018%204.84251C18.0069%203.54761%2015.9074%203.54762%2014.6126%204.84251Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M24.7734%2013.4397L18.521%2019.692C17.2261%2020.9869%2017.2261%2023.0863%2018.521%2024.3812C19.8159%2025.6761%2021.9154%2025.6761%2023.2103%2024.3812L29.4626%2018.1289C30.7575%2016.834%2030.7575%2014.7346%2029.4626%2013.4397C28.1677%2012.1448%2026.0683%2012.1448%2024.7734%2013.4397Z%22%2F%3E%3Cpath%20d%3D%22M28.6804%2018.9104L42.4504%2032.6803C43.4781%2033.708%2043.2615%2035.5909%2041.9666%2036.8857C40.6717%2038.1806%2038.7888%2038.3973%2037.7611%2037.3696L23.9912%2023.5996%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M22.4284%206.40575L11.4868%2017.3473C10.1919%2018.6422%2010.1919%2020.7416%2011.4868%2022.0365C12.7817%2023.3314%2014.8812%2023.3314%2016.1761%2022.0365L27.1176%2011.0949C28.4125%209.80009%2028.4125%207.70065%2027.1176%206.40575C25.8227%205.11085%2023.7233%205.11085%2022.4284%206.40575Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M13.8542%2023.1421C15.2778%2027.5788%2015.0407%2030.8568%2013.1431%2032.976C10.2966%2036.1547%2010.7393%2044.1421%2017.1702%2044.1421C23.6011%2044.1421%2025.4901%2036.1547%2020.0423%2033.3527%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M14.6126%204.84251L9.92332%209.53175C8.62842%2010.8266%208.62842%2012.9261%209.92332%2014.221C11.2182%2015.5159%2013.3177%2015.5159%2014.6126%2014.221L19.3018%209.53175C20.5967%208.23685%2020.5967%206.13741%2019.3018%204.84251C18.0069%203.54761%2015.9074%203.54762%2014.6126%204.84251Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M24.7734%2013.4397L18.521%2019.692C17.2261%2020.9869%2017.2261%2023.0863%2018.521%2024.3812C19.8159%2025.6761%2021.9154%2025.6761%2023.2103%2024.3812L29.4626%2018.1289C30.7575%2016.834%2030.7575%2014.7346%2029.4626%2013.4397C28.1677%2012.1448%2026.0683%2012.1448%2024.7734%2013.4397Z%22%2F%3E%3Cpath%20d%3D%22M28.6804%2018.9104L42.4504%2032.6803C43.4781%2033.708%2043.2615%2035.5909%2041.9666%2036.8857C40.6717%2038.1806%2038.7888%2038.3973%2037.7611%2037.3696L23.9912%2023.5996%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M22.4284%206.40575L11.4868%2017.3473C10.1919%2018.6422%2010.1919%2020.7416%2011.4868%2022.0365C12.7817%2023.3314%2014.8812%2023.3314%2016.1761%2022.0365L27.1176%2011.0949C28.4125%209.80009%2028.4125%207.70065%2027.1176%206.40575C25.8227%205.11085%2023.7233%205.11085%2022.4284%206.40575Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M13.8542%2023.1421C15.2778%2027.5788%2015.0407%2030.8568%2013.1431%2032.976C10.2966%2036.1547%2010.7393%2044.1421%2017.1702%2044.1421C23.6011%2044.1421%2025.4901%2036.1547%2020.0423%2033.3527%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/honey.svg?color=%231a73e8&size=48
