hjson logo

hjson from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
hjson
Set
Material Icon Theme
Style
Color
Viewbox
24×24
License
MIT

Use the hjson logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#78909c" d="M11.652 3.92a1.1 1.1 0 0 0-.626-.014a1.11 1.11 0 0 0-.786 1.359a1.11 1.11 0 0 0 1.362.788a1.11 1.11 0 0 0 .786-1.363a1.11 1.11 0 0 0-.736-.771zm-3.6-.229a1 1 0 0 0-.246-.027h-.002a418 418 0 0 1-3.02-.096a.84.84 0 0 0-.38.089a.69.69 0 0 0-.339.506v.001a.68.68 0 0 0 .168.553a.9.9 0 0 0 .41.235l.002.001c1.275.388 2.552.766 3.923 1.179l.496.15l-.133-.5c-.16-.6-.314-1.098-.423-1.592a.67.67 0 0 0-.292-.434a.6.6 0 0 0-.164-.065m2.613 3.73a.56.56 0 0 0-.274.003l-.362.097a.554.554 0 0 0-.392.678l1.105 4.123a.55.55 0 0 0 .677.39l.364-.098a.55.55 0 0 0 .392-.676L11.07 7.816a.55.55 0 0 0-.404-.396z"/><path fill="#8bc34a" d="m21.578 9.77l-2.203.59l.59 2.203l-5.508 1.476a2.28 2.28 0 0 0-1.612 2.793a2.28 2.28 0 0 0-2.79-1.61l-5.508 1.475l-.59-2.205l-2.203.59l.59 2.205A2.28 2.28 0 0 0 5.138 18.9l4.406-1.18a2.28 2.28 0 0 1 2.792 1.61l.295 1.102l2.203-.59l-.295-1.103a2.28 2.28 0 0 1 1.613-2.79l4.405-1.18a2.28 2.28 0 0 0 1.612-2.794v-.002z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeHjson(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#78909c" d="M11.652 3.92a1.1 1.1 0 0 0-.626-.014a1.11 1.11 0 0 0-.786 1.359a1.11 1.11 0 0 0 1.362.788a1.11 1.11 0 0 0 .786-1.363a1.11 1.11 0 0 0-.736-.771zm-3.6-.229a1 1 0 0 0-.246-.027h-.002a418 418 0 0 1-3.02-.096a.84.84 0 0 0-.38.089a.69.69 0 0 0-.339.506v.001a.68.68 0 0 0 .168.553a.9.9 0 0 0 .41.235l.002.001c1.275.388 2.552.766 3.923 1.179l.496.15l-.133-.5c-.16-.6-.314-1.098-.423-1.592a.67.67 0 0 0-.292-.434a.6.6 0 0 0-.164-.065m2.613 3.73a.56.56 0 0 0-.274.003l-.362.097a.554.554 0 0 0-.392.678l1.105 4.123a.55.55 0 0 0 .677.39l.364-.098a.55.55 0 0 0 .392-.676L11.07 7.816a.55.55 0 0 0-.404-.396z"/><path fill="#8bc34a" d="m21.578 9.77l-2.203.59l.59 2.203l-5.508 1.476a2.28 2.28 0 0 0-1.612 2.793a2.28 2.28 0 0 0-2.79-1.61l-5.508 1.475l-.59-2.205l-2.203.59l.59 2.205A2.28 2.28 0 0 0 5.138 18.9l4.406-1.18a2.28 2.28 0 0 1 2.792 1.61l.295 1.102l2.203-.59l-.295-1.103a2.28 2.28 0 0 1 1.613-2.79l4.405-1.18a2.28 2.28 0 0 0 1.612-2.794v-.002z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#78909c" d="M11.652 3.92a1.1 1.1 0 0 0-.626-.014a1.11 1.11 0 0 0-.786 1.359a1.11 1.11 0 0 0 1.362.788a1.11 1.11 0 0 0 .786-1.363a1.11 1.11 0 0 0-.736-.771zm-3.6-.229a1 1 0 0 0-.246-.027h-.002a418 418 0 0 1-3.02-.096a.84.84 0 0 0-.38.089a.69.69 0 0 0-.339.506v.001a.68.68 0 0 0 .168.553a.9.9 0 0 0 .41.235l.002.001c1.275.388 2.552.766 3.923 1.179l.496.15l-.133-.5c-.16-.6-.314-1.098-.423-1.592a.67.67 0 0 0-.292-.434a.6.6 0 0 0-.164-.065m2.613 3.73a.56.56 0 0 0-.274.003l-.362.097a.554.554 0 0 0-.392.678l1.105 4.123a.55.55 0 0 0 .677.39l.364-.098a.55.55 0 0 0 .392-.676L11.07 7.816a.55.55 0 0 0-.404-.396z"/><path fill="#8bc34a" d="m21.578 9.77l-2.203.59l.59 2.203l-5.508 1.476a2.28 2.28 0 0 0-1.612 2.793a2.28 2.28 0 0 0-2.79-1.61l-5.508 1.475l-.59-2.205l-2.203.59l.59 2.205A2.28 2.28 0 0 0 5.138 18.9l4.406-1.18a2.28 2.28 0 0 1 2.792 1.61l.295 1.102l2.203-.59l-.295-1.103a2.28 2.28 0 0 1 1.613-2.79l4.405-1.18a2.28 2.28 0 0 0 1.612-2.794v-.002z"/></svg>
</template>

CSS

.icon-hjson {
  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%22%2378909c%22%20d%3D%22M11.652%203.92a1.1%201.1%200%200%200-.626-.014a1.11%201.11%200%200%200-.786%201.359a1.11%201.11%200%200%200%201.362.788a1.11%201.11%200%200%200%20.786-1.363a1.11%201.11%200%200%200-.736-.771zm-3.6-.229a1%201%200%200%200-.246-.027h-.002a418%20418%200%200%201-3.02-.096a.84.84%200%200%200-.38.089a.69.69%200%200%200-.339.506v.001a.68.68%200%200%200%20.168.553a.9.9%200%200%200%20.41.235l.002.001c1.275.388%202.552.766%203.923%201.179l.496.15l-.133-.5c-.16-.6-.314-1.098-.423-1.592a.67.67%200%200%200-.292-.434a.6.6%200%200%200-.164-.065m2.613%203.73a.56.56%200%200%200-.274.003l-.362.097a.554.554%200%200%200-.392.678l1.105%204.123a.55.55%200%200%200%20.677.39l.364-.098a.55.55%200%200%200%20.392-.676L11.07%207.816a.55.55%200%200%200-.404-.396z%22%2F%3E%3Cpath%20fill%3D%22%238bc34a%22%20d%3D%22m21.578%209.77l-2.203.59l.59%202.203l-5.508%201.476a2.28%202.28%200%200%200-1.612%202.793a2.28%202.28%200%200%200-2.79-1.61l-5.508%201.475l-.59-2.205l-2.203.59l.59%202.205A2.28%202.28%200%200%200%205.138%2018.9l4.406-1.18a2.28%202.28%200%200%201%202.792%201.61l.295%201.102l2.203-.59l-.295-1.103a2.28%202.28%200%200%201%201.613-2.79l4.405-1.18a2.28%202.28%200%200%200%201.612-2.794v-.002z%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%22%2378909c%22%20d%3D%22M11.652%203.92a1.1%201.1%200%200%200-.626-.014a1.11%201.11%200%200%200-.786%201.359a1.11%201.11%200%200%200%201.362.788a1.11%201.11%200%200%200%20.786-1.363a1.11%201.11%200%200%200-.736-.771zm-3.6-.229a1%201%200%200%200-.246-.027h-.002a418%20418%200%200%201-3.02-.096a.84.84%200%200%200-.38.089a.69.69%200%200%200-.339.506v.001a.68.68%200%200%200%20.168.553a.9.9%200%200%200%20.41.235l.002.001c1.275.388%202.552.766%203.923%201.179l.496.15l-.133-.5c-.16-.6-.314-1.098-.423-1.592a.67.67%200%200%200-.292-.434a.6.6%200%200%200-.164-.065m2.613%203.73a.56.56%200%200%200-.274.003l-.362.097a.554.554%200%200%200-.392.678l1.105%204.123a.55.55%200%200%200%20.677.39l.364-.098a.55.55%200%200%200%20.392-.676L11.07%207.816a.55.55%200%200%200-.404-.396z%22%2F%3E%3Cpath%20fill%3D%22%238bc34a%22%20d%3D%22m21.578%209.77l-2.203.59l.59%202.203l-5.508%201.476a2.28%202.28%200%200%200-1.612%202.793a2.28%202.28%200%200%200-2.79-1.61l-5.508%201.475l-.59-2.205l-2.203.59l.59%202.205A2.28%202.28%200%200%200%205.138%2018.9l4.406-1.18a2.28%202.28%200%200%201%202.792%201.61l.295%201.102l2.203-.59l-.295-1.103a2.28%202.28%200%200%201%201.613-2.79l4.405-1.18a2.28%202.28%200%200%200%201.612-2.794v-.002z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/hjson.svg?color=%231a73e8&size=48