hive blockchain logo
hive-blockchain from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hive-blockchain
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the hive blockchain logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.076 1.637a.1.1 0 0 0-.09.05L.014 11.95a.1.1 0 0 0 0 .104l6.039 10.26c.04.068.14.068.18 0l5.972-10.262a.1.1 0 0 0-.002-.104L6.166 1.687a.1.1 0 0 0-.09-.05m2.863 0a.103.103 0 0 0-.09.154l5.186 8.967a.1.1 0 0 0 .09.053h3.117c.08 0 .13-.088.09-.157l-5.186-8.966a.1.1 0 0 0-.09-.051zm5.891 0a.102.102 0 0 0-.088.154L20.656 12l-5.914 10.209a.102.102 0 0 0 .088.154h3.123a.1.1 0 0 0 .088-.05l5.945-10.262a.1.1 0 0 0 0-.102L18.041 1.688a.1.1 0 0 0-.088-.051zm-.79 11.7a.1.1 0 0 0-.089.052l-5.101 8.82c-.04.069.01.154.09.154h3.117a.1.1 0 0 0 .09-.05l5.1-8.82a.103.103 0 0 0-.09-.155z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHiveBlockchain(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="M6.076 1.637a.1.1 0 0 0-.09.05L.014 11.95a.1.1 0 0 0 0 .104l6.039 10.26c.04.068.14.068.18 0l5.972-10.262a.1.1 0 0 0-.002-.104L6.166 1.687a.1.1 0 0 0-.09-.05m2.863 0a.103.103 0 0 0-.09.154l5.186 8.967a.1.1 0 0 0 .09.053h3.117c.08 0 .13-.088.09-.157l-5.186-8.966a.1.1 0 0 0-.09-.051zm5.891 0a.102.102 0 0 0-.088.154L20.656 12l-5.914 10.209a.102.102 0 0 0 .088.154h3.123a.1.1 0 0 0 .088-.05l5.945-10.262a.1.1 0 0 0 0-.102L18.041 1.688a.1.1 0 0 0-.088-.051zm-.79 11.7a.1.1 0 0 0-.089.052l-5.101 8.82c-.04.069.01.154.09.154h3.117a.1.1 0 0 0 .09-.05l5.1-8.82a.103.103 0 0 0-.09-.155z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.076 1.637a.1.1 0 0 0-.09.05L.014 11.95a.1.1 0 0 0 0 .104l6.039 10.26c.04.068.14.068.18 0l5.972-10.262a.1.1 0 0 0-.002-.104L6.166 1.687a.1.1 0 0 0-.09-.05m2.863 0a.103.103 0 0 0-.09.154l5.186 8.967a.1.1 0 0 0 .09.053h3.117c.08 0 .13-.088.09-.157l-5.186-8.966a.1.1 0 0 0-.09-.051zm5.891 0a.102.102 0 0 0-.088.154L20.656 12l-5.914 10.209a.102.102 0 0 0 .088.154h3.123a.1.1 0 0 0 .088-.05l5.945-10.262a.1.1 0 0 0 0-.102L18.041 1.688a.1.1 0 0 0-.088-.051zm-.79 11.7a.1.1 0 0 0-.089.052l-5.101 8.82c-.04.069.01.154.09.154h3.117a.1.1 0 0 0 .09-.05l5.1-8.82a.103.103 0 0 0-.09-.155z"/></svg> </template>
CSS
.icon-hive-blockchain {
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%22M6.076%201.637a.1.1%200%200%200-.09.05L.014%2011.95a.1.1%200%200%200%200%20.104l6.039%2010.26c.04.068.14.068.18%200l5.972-10.262a.1.1%200%200%200-.002-.104L6.166%201.687a.1.1%200%200%200-.09-.05m2.863%200a.103.103%200%200%200-.09.154l5.186%208.967a.1.1%200%200%200%20.09.053h3.117c.08%200%20.13-.088.09-.157l-5.186-8.966a.1.1%200%200%200-.09-.051zm5.891%200a.102.102%200%200%200-.088.154L20.656%2012l-5.914%2010.209a.102.102%200%200%200%20.088.154h3.123a.1.1%200%200%200%20.088-.05l5.945-10.262a.1.1%200%200%200%200-.102L18.041%201.688a.1.1%200%200%200-.088-.051zm-.79%2011.7a.1.1%200%200%200-.089.052l-5.101%208.82c-.04.069.01.154.09.154h3.117a.1.1%200%200%200%20.09-.05l5.1-8.82a.103.103%200%200%200-.09-.155z%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%22M6.076%201.637a.1.1%200%200%200-.09.05L.014%2011.95a.1.1%200%200%200%200%20.104l6.039%2010.26c.04.068.14.068.18%200l5.972-10.262a.1.1%200%200%200-.002-.104L6.166%201.687a.1.1%200%200%200-.09-.05m2.863%200a.103.103%200%200%200-.09.154l5.186%208.967a.1.1%200%200%200%20.09.053h3.117c.08%200%20.13-.088.09-.157l-5.186-8.966a.1.1%200%200%200-.09-.051zm5.891%200a.102.102%200%200%200-.088.154L20.656%2012l-5.914%2010.209a.102.102%200%200%200%20.088.154h3.123a.1.1%200%200%200%20.088-.05l5.945-10.262a.1.1%200%200%200%200-.102L18.041%201.688a.1.1%200%200%200-.088-.051zm-.79%2011.7a.1.1%200%200%200-.089.052l-5.101%208.82c-.04.069.01.154.09.154h3.117a.1.1%200%200%200%20.09-.05l5.1-8.82a.103.103%200%200%200-.09-.155z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/hive-blockchain.svg?color=%231a73e8&size=48
