hackster logo
hackster from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hackster
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the hackster logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.091 13.294c-.057.05-.247.09-.396.132l-4.778 1.306c-.15.041-.273-.052-.273-.208V13.29a.28.28 0 0 0-.283-.283H8.117a.28.28 0 0 1-.282-.282V11.29a.283.283 0 0 0-.283-.283H5.035c-.1 0-.18-.08-.18-.178c0-.058.025-.098.055-.126c.056-.052.246-.093.397-.134l4.758-1.3c.15-.042.272.051.272.208v1.247c0 .156.128.283.284.283h5.24c.156 0 .282.126.282.283v1.42c0 .157.127.284.282.284h2.542a.18.18 0 0 1 .18.179a.16.16 0 0 1-.056.12m-2.948 2.288a.39.39 0 0 1-.272.356l-1.954.534c-.15.042-.273-.052-.273-.208v-.728c0-.157.127-.284.283-.284h1.933c.157 0 .283.127.283.284zm-5.81 1.586a.39.39 0 0 1-.272.357l-1.953.535c-.15.04-.273-.053-.273-.209v-3.758c0-.157.127-.284.283-.284h1.933c.156 0 .283.127.283.284zM7.836 8.46a.39.39 0 0 1 .273-.357l1.952-.534c.152-.042.274.052.274.208v.729a.283.283 0 0 1-.283.283H8.118a.283.283 0 0 1-.283-.283zm5.809-1.587c0-.157.122-.316.273-.358l1.954-.533c.15-.042.272.052.272.208v3.759a.283.283 0 0 1-.283.283h-1.933a.283.283 0 0 1-.283-.283zM12 0C5.384 0 0 5.384 0 12c0 6.617 5.384 12 12 12c6.618 0 12-5.383 12-12c0-6.616-5.382-12-12-12"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsHackster(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="M19.091 13.294c-.057.05-.247.09-.396.132l-4.778 1.306c-.15.041-.273-.052-.273-.208V13.29a.28.28 0 0 0-.283-.283H8.117a.28.28 0 0 1-.282-.282V11.29a.283.283 0 0 0-.283-.283H5.035c-.1 0-.18-.08-.18-.178c0-.058.025-.098.055-.126c.056-.052.246-.093.397-.134l4.758-1.3c.15-.042.272.051.272.208v1.247c0 .156.128.283.284.283h5.24c.156 0 .282.126.282.283v1.42c0 .157.127.284.282.284h2.542a.18.18 0 0 1 .18.179a.16.16 0 0 1-.056.12m-2.948 2.288a.39.39 0 0 1-.272.356l-1.954.534c-.15.042-.273-.052-.273-.208v-.728c0-.157.127-.284.283-.284h1.933c.157 0 .283.127.283.284zm-5.81 1.586a.39.39 0 0 1-.272.357l-1.953.535c-.15.04-.273-.053-.273-.209v-3.758c0-.157.127-.284.283-.284h1.933c.156 0 .283.127.283.284zM7.836 8.46a.39.39 0 0 1 .273-.357l1.952-.534c.152-.042.274.052.274.208v.729a.283.283 0 0 1-.283.283H8.118a.283.283 0 0 1-.283-.283zm5.809-1.587c0-.157.122-.316.273-.358l1.954-.533c.15-.042.272.052.272.208v3.759a.283.283 0 0 1-.283.283h-1.933a.283.283 0 0 1-.283-.283zM12 0C5.384 0 0 5.384 0 12c0 6.617 5.384 12 12 12c6.618 0 12-5.383 12-12c0-6.616-5.382-12-12-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.091 13.294c-.057.05-.247.09-.396.132l-4.778 1.306c-.15.041-.273-.052-.273-.208V13.29a.28.28 0 0 0-.283-.283H8.117a.28.28 0 0 1-.282-.282V11.29a.283.283 0 0 0-.283-.283H5.035c-.1 0-.18-.08-.18-.178c0-.058.025-.098.055-.126c.056-.052.246-.093.397-.134l4.758-1.3c.15-.042.272.051.272.208v1.247c0 .156.128.283.284.283h5.24c.156 0 .282.126.282.283v1.42c0 .157.127.284.282.284h2.542a.18.18 0 0 1 .18.179a.16.16 0 0 1-.056.12m-2.948 2.288a.39.39 0 0 1-.272.356l-1.954.534c-.15.042-.273-.052-.273-.208v-.728c0-.157.127-.284.283-.284h1.933c.157 0 .283.127.283.284zm-5.81 1.586a.39.39 0 0 1-.272.357l-1.953.535c-.15.04-.273-.053-.273-.209v-3.758c0-.157.127-.284.283-.284h1.933c.156 0 .283.127.283.284zM7.836 8.46a.39.39 0 0 1 .273-.357l1.952-.534c.152-.042.274.052.274.208v.729a.283.283 0 0 1-.283.283H8.118a.283.283 0 0 1-.283-.283zm5.809-1.587c0-.157.122-.316.273-.358l1.954-.533c.15-.042.272.052.272.208v3.759a.283.283 0 0 1-.283.283h-1.933a.283.283 0 0 1-.283-.283zM12 0C5.384 0 0 5.384 0 12c0 6.617 5.384 12 12 12c6.618 0 12-5.383 12-12c0-6.616-5.382-12-12-12"/></svg> </template>
CSS
.icon-hackster {
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%22M19.091%2013.294c-.057.05-.247.09-.396.132l-4.778%201.306c-.15.041-.273-.052-.273-.208V13.29a.28.28%200%200%200-.283-.283H8.117a.28.28%200%200%201-.282-.282V11.29a.283.283%200%200%200-.283-.283H5.035c-.1%200-.18-.08-.18-.178c0-.058.025-.098.055-.126c.056-.052.246-.093.397-.134l4.758-1.3c.15-.042.272.051.272.208v1.247c0%20.156.128.283.284.283h5.24c.156%200%20.282.126.282.283v1.42c0%20.157.127.284.282.284h2.542a.18.18%200%200%201%20.18.179a.16.16%200%200%201-.056.12m-2.948%202.288a.39.39%200%200%201-.272.356l-1.954.534c-.15.042-.273-.052-.273-.208v-.728c0-.157.127-.284.283-.284h1.933c.157%200%20.283.127.283.284zm-5.81%201.586a.39.39%200%200%201-.272.357l-1.953.535c-.15.04-.273-.053-.273-.209v-3.758c0-.157.127-.284.283-.284h1.933c.156%200%20.283.127.283.284zM7.836%208.46a.39.39%200%200%201%20.273-.357l1.952-.534c.152-.042.274.052.274.208v.729a.283.283%200%200%201-.283.283H8.118a.283.283%200%200%201-.283-.283zm5.809-1.587c0-.157.122-.316.273-.358l1.954-.533c.15-.042.272.052.272.208v3.759a.283.283%200%200%201-.283.283h-1.933a.283.283%200%200%201-.283-.283zM12%200C5.384%200%200%205.384%200%2012c0%206.617%205.384%2012%2012%2012c6.618%200%2012-5.383%2012-12c0-6.616-5.382-12-12-12%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%22M19.091%2013.294c-.057.05-.247.09-.396.132l-4.778%201.306c-.15.041-.273-.052-.273-.208V13.29a.28.28%200%200%200-.283-.283H8.117a.28.28%200%200%201-.282-.282V11.29a.283.283%200%200%200-.283-.283H5.035c-.1%200-.18-.08-.18-.178c0-.058.025-.098.055-.126c.056-.052.246-.093.397-.134l4.758-1.3c.15-.042.272.051.272.208v1.247c0%20.156.128.283.284.283h5.24c.156%200%20.282.126.282.283v1.42c0%20.157.127.284.282.284h2.542a.18.18%200%200%201%20.18.179a.16.16%200%200%201-.056.12m-2.948%202.288a.39.39%200%200%201-.272.356l-1.954.534c-.15.042-.273-.052-.273-.208v-.728c0-.157.127-.284.283-.284h1.933c.157%200%20.283.127.283.284zm-5.81%201.586a.39.39%200%200%201-.272.357l-1.953.535c-.15.04-.273-.053-.273-.209v-3.758c0-.157.127-.284.283-.284h1.933c.156%200%20.283.127.283.284zM7.836%208.46a.39.39%200%200%201%20.273-.357l1.952-.534c.152-.042.274.052.274.208v.729a.283.283%200%200%201-.283.283H8.118a.283.283%200%200%201-.283-.283zm5.809-1.587c0-.157.122-.316.273-.358l1.954-.533c.15-.042.272.052.272.208v3.759a.283.283%200%200%201-.283.283h-1.933a.283.283%200%200%201-.283-.283zM12%200C5.384%200%200%205.384%200%2012c0%206.617%205.384%2012%2012%2012c6.618%200%2012-5.383%2012-12c0-6.616-5.382-12-12-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/hackster.svg?color=%231a73e8&size=48
