joget logo

joget from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: joget
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

jogetFont Awesome 6 Brands jogetLine Awesome

Use the joget logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M450.1 109c-40.5-25.1-85.5-37-129.9-37c-83.2 0-164.4 41.9-211.3 117.9c-71.9 116.6-35.6 269.3 81 341.2s269.3 35.6 341.2-80.9c71.9-116.6 35.6-269.4-81-341.2m51.8 323.2c-40.4 65.5-110.4 101.5-182 101.5c-6.8 0-13.6-.4-20.4-1c-9-13.6-19.9-33.3-23.7-42.4c-5.7-13.7-27.2-45.6 31.2-67.1c51.7-19.1 176.7-16.5 208.8-17.6c-4 9-8.6 17.9-13.9 26.6m-200.8-86.3c-55.5-1.4-81.7-20.8-58.5-48.2s51.1-40.7 68.9-51.2c17.9-10.5 27.3-33.7-23.6-29.7c-128.6 8.7-167.3 99.3-178.3 140.2c-8.8-49.7-.1-102.7 28.5-149.1c61.9-100.5 193.5-131.7 294-69.8c74.8 46.1 111.2 130.9 99.3 212.7c-24.9-.5-179.3-3.6-230.3-4.9m183.8-54.8c-22.7-6-57 11.3-86.7 27.2c-29.7 15.8-31.1 8.2-31.1 8.2s40.2-28.1 50.7-34.5s31.9-14 13.4-24.6c-3.2-1.8-6.7-2.7-10.4-2.7c-17.8 0-41.5 18.7-67.5 35.6c-31.5 20.5-65.3 31.3-65.3 31.3l169.5-1.6l46.5-23.4s3.6-9.5-19.1-15.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsJoget(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M450.1 109c-40.5-25.1-85.5-37-129.9-37c-83.2 0-164.4 41.9-211.3 117.9c-71.9 116.6-35.6 269.3 81 341.2s269.3 35.6 341.2-80.9c71.9-116.6 35.6-269.4-81-341.2m51.8 323.2c-40.4 65.5-110.4 101.5-182 101.5c-6.8 0-13.6-.4-20.4-1c-9-13.6-19.9-33.3-23.7-42.4c-5.7-13.7-27.2-45.6 31.2-67.1c51.7-19.1 176.7-16.5 208.8-17.6c-4 9-8.6 17.9-13.9 26.6m-200.8-86.3c-55.5-1.4-81.7-20.8-58.5-48.2s51.1-40.7 68.9-51.2c17.9-10.5 27.3-33.7-23.6-29.7c-128.6 8.7-167.3 99.3-178.3 140.2c-8.8-49.7-.1-102.7 28.5-149.1c61.9-100.5 193.5-131.7 294-69.8c74.8 46.1 111.2 130.9 99.3 212.7c-24.9-.5-179.3-3.6-230.3-4.9m183.8-54.8c-22.7-6-57 11.3-86.7 27.2c-29.7 15.8-31.1 8.2-31.1 8.2s40.2-28.1 50.7-34.5s31.9-14 13.4-24.6c-3.2-1.8-6.7-2.7-10.4-2.7c-17.8 0-41.5 18.7-67.5 35.6c-31.5 20.5-65.3 31.3-65.3 31.3l169.5-1.6l46.5-23.4s3.6-9.5-19.1-15.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M450.1 109c-40.5-25.1-85.5-37-129.9-37c-83.2 0-164.4 41.9-211.3 117.9c-71.9 116.6-35.6 269.3 81 341.2s269.3 35.6 341.2-80.9c71.9-116.6 35.6-269.4-81-341.2m51.8 323.2c-40.4 65.5-110.4 101.5-182 101.5c-6.8 0-13.6-.4-20.4-1c-9-13.6-19.9-33.3-23.7-42.4c-5.7-13.7-27.2-45.6 31.2-67.1c51.7-19.1 176.7-16.5 208.8-17.6c-4 9-8.6 17.9-13.9 26.6m-200.8-86.3c-55.5-1.4-81.7-20.8-58.5-48.2s51.1-40.7 68.9-51.2c17.9-10.5 27.3-33.7-23.6-29.7c-128.6 8.7-167.3 99.3-178.3 140.2c-8.8-49.7-.1-102.7 28.5-149.1c61.9-100.5 193.5-131.7 294-69.8c74.8 46.1 111.2 130.9 99.3 212.7c-24.9-.5-179.3-3.6-230.3-4.9m183.8-54.8c-22.7-6-57 11.3-86.7 27.2c-29.7 15.8-31.1 8.2-31.1 8.2s40.2-28.1 50.7-34.5s31.9-14 13.4-24.6c-3.2-1.8-6.7-2.7-10.4-2.7c-17.8 0-41.5 18.7-67.5 35.6c-31.5 20.5-65.3 31.3-65.3 31.3l169.5-1.6l46.5-23.4s3.6-9.5-19.1-15.5"/></svg>
</template>

CSS

.icon-joget {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M450.1%20109c-40.5-25.1-85.5-37-129.9-37c-83.2%200-164.4%2041.9-211.3%20117.9c-71.9%20116.6-35.6%20269.3%2081%20341.2s269.3%2035.6%20341.2-80.9c71.9-116.6%2035.6-269.4-81-341.2m51.8%20323.2c-40.4%2065.5-110.4%20101.5-182%20101.5c-6.8%200-13.6-.4-20.4-1c-9-13.6-19.9-33.3-23.7-42.4c-5.7-13.7-27.2-45.6%2031.2-67.1c51.7-19.1%20176.7-16.5%20208.8-17.6c-4%209-8.6%2017.9-13.9%2026.6m-200.8-86.3c-55.5-1.4-81.7-20.8-58.5-48.2s51.1-40.7%2068.9-51.2c17.9-10.5%2027.3-33.7-23.6-29.7c-128.6%208.7-167.3%2099.3-178.3%20140.2c-8.8-49.7-.1-102.7%2028.5-149.1c61.9-100.5%20193.5-131.7%20294-69.8c74.8%2046.1%20111.2%20130.9%2099.3%20212.7c-24.9-.5-179.3-3.6-230.3-4.9m183.8-54.8c-22.7-6-57%2011.3-86.7%2027.2c-29.7%2015.8-31.1%208.2-31.1%208.2s40.2-28.1%2050.7-34.5s31.9-14%2013.4-24.6c-3.2-1.8-6.7-2.7-10.4-2.7c-17.8%200-41.5%2018.7-67.5%2035.6c-31.5%2020.5-65.3%2031.3-65.3%2031.3l169.5-1.6l46.5-23.4s3.6-9.5-19.1-15.5%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M450.1%20109c-40.5-25.1-85.5-37-129.9-37c-83.2%200-164.4%2041.9-211.3%20117.9c-71.9%20116.6-35.6%20269.3%2081%20341.2s269.3%2035.6%20341.2-80.9c71.9-116.6%2035.6-269.4-81-341.2m51.8%20323.2c-40.4%2065.5-110.4%20101.5-182%20101.5c-6.8%200-13.6-.4-20.4-1c-9-13.6-19.9-33.3-23.7-42.4c-5.7-13.7-27.2-45.6%2031.2-67.1c51.7-19.1%20176.7-16.5%20208.8-17.6c-4%209-8.6%2017.9-13.9%2026.6m-200.8-86.3c-55.5-1.4-81.7-20.8-58.5-48.2s51.1-40.7%2068.9-51.2c17.9-10.5%2027.3-33.7-23.6-29.7c-128.6%208.7-167.3%2099.3-178.3%20140.2c-8.8-49.7-.1-102.7%2028.5-149.1c61.9-100.5%20193.5-131.7%20294-69.8c74.8%2046.1%20111.2%20130.9%2099.3%20212.7c-24.9-.5-179.3-3.6-230.3-4.9m183.8-54.8c-22.7-6-57%2011.3-86.7%2027.2c-29.7%2015.8-31.1%208.2-31.1%208.2s40.2-28.1%2050.7-34.5s31.9-14%2013.4-24.6c-3.2-1.8-6.7-2.7-10.4-2.7c-17.8%200-41.5%2018.7-67.5%2035.6c-31.5%2020.5-65.3%2031.3-65.3%2031.3l169.5-1.6l46.5-23.4s3.6-9.5-19.1-15.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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