joget logo
joget from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- joget
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 496×512
- License
- CC BY 4.0
The same logo in other sets
Use the joget logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M378.1 45C337.6 19.9 292.6 8 248.2 8C165 8 83.8 49.9 36.9 125.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.7C87.3 161.5 48.6 252.1 37.6 293c-8.8-49.7-.1-102.7 28.5-149.1C128 43.4 259.6 12.2 360.1 74.1c74.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 Fa6BrandsJoget(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M378.1 45C337.6 19.9 292.6 8 248.2 8C165 8 83.8 49.9 36.9 125.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.7C87.3 161.5 48.6 252.1 37.6 293c-8.8-49.7-.1-102.7 28.5-149.1C128 43.4 259.6 12.2 360.1 74.1c74.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 496 512"><path fill="currentColor" d="M378.1 45C337.6 19.9 292.6 8 248.2 8C165 8 83.8 49.9 36.9 125.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.7C87.3 161.5 48.6 252.1 37.6 293c-8.8-49.7-.1-102.7 28.5-149.1C128 43.4 259.6 12.2 360.1 74.1c74.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%20496%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M378.1%2045C337.6%2019.9%20292.6%208%20248.2%208C165%208%2083.8%2049.9%2036.9%20125.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.7C87.3%20161.5%2048.6%20252.1%2037.6%20293c-8.8-49.7-.1-102.7%2028.5-149.1C128%2043.4%20259.6%2012.2%20360.1%2074.1c74.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%20496%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M378.1%2045C337.6%2019.9%20292.6%208%20248.2%208C165%208%2083.8%2049.9%2036.9%20125.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.7C87.3%20161.5%2048.6%20252.1%2037.6%20293c-8.8-49.7-.1-102.7%2028.5-149.1C128%2043.4%20259.6%2012.2%20360.1%2074.1c74.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/fa6-brands/joget.svg?color=%231a73e8&size=48
