quinscape logo

quinscape from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: quinscape
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

quinscapeFont Awesome Brands quinscapeLine Awesome

Use the quinscape logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.6 474.6h-1a158.1 158.1 0 0 1 0-316.2c94.9 0 168.2 83.1 157 176.6c4 5.1 8.2 9.6 11.2 15.3c13.4-30.3 20.3-62.4 20.3-97.7C501.1 117.5 391.6 8 256.5 8S12 117.5 12 252.6s109.5 244.6 244.5 244.6a237.4 237.4 0 0 0 70.4-10.1c-5.2-3.5-8.9-8.1-13.3-12.5m-.1-.1l.4.1zm78.4-168.9a99.2 99.2 0 1 0 99.2 99.2a99.18 99.18 0 0 0-99.2-99.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsQuinscape(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.6 474.6h-1a158.1 158.1 0 0 1 0-316.2c94.9 0 168.2 83.1 157 176.6c4 5.1 8.2 9.6 11.2 15.3c13.4-30.3 20.3-62.4 20.3-97.7C501.1 117.5 391.6 8 256.5 8S12 117.5 12 252.6s109.5 244.6 244.5 244.6a237.4 237.4 0 0 0 70.4-10.1c-5.2-3.5-8.9-8.1-13.3-12.5m-.1-.1l.4.1zm78.4-168.9a99.2 99.2 0 1 0 99.2 99.2a99.18 99.18 0 0 0-99.2-99.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M313.6 474.6h-1a158.1 158.1 0 0 1 0-316.2c94.9 0 168.2 83.1 157 176.6c4 5.1 8.2 9.6 11.2 15.3c13.4-30.3 20.3-62.4 20.3-97.7C501.1 117.5 391.6 8 256.5 8S12 117.5 12 252.6s109.5 244.6 244.5 244.6a237.4 237.4 0 0 0 70.4-10.1c-5.2-3.5-8.9-8.1-13.3-12.5m-.1-.1l.4.1zm78.4-168.9a99.2 99.2 0 1 0 99.2 99.2a99.18 99.18 0 0 0-99.2-99.2"/></svg>
</template>

CSS

.icon-quinscape {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M313.6%20474.6h-1a158.1%20158.1%200%200%201%200-316.2c94.9%200%20168.2%2083.1%20157%20176.6c4%205.1%208.2%209.6%2011.2%2015.3c13.4-30.3%2020.3-62.4%2020.3-97.7C501.1%20117.5%20391.6%208%20256.5%208S12%20117.5%2012%20252.6s109.5%20244.6%20244.5%20244.6a237.4%20237.4%200%200%200%2070.4-10.1c-5.2-3.5-8.9-8.1-13.3-12.5m-.1-.1l.4.1zm78.4-168.9a99.2%2099.2%200%201%200%2099.2%2099.2a99.18%2099.18%200%200%200-99.2-99.2%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M313.6%20474.6h-1a158.1%20158.1%200%200%201%200-316.2c94.9%200%20168.2%2083.1%20157%20176.6c4%205.1%208.2%209.6%2011.2%2015.3c13.4-30.3%2020.3-62.4%2020.3-97.7C501.1%20117.5%20391.6%208%20256.5%208S12%20117.5%2012%20252.6s109.5%20244.6%20244.5%20244.6a237.4%20237.4%200%200%200%2070.4-10.1c-5.2-3.5-8.9-8.1-13.3-12.5m-.1-.1l.4.1zm78.4-168.9a99.2%2099.2%200%201%200%2099.2%2099.2a99.18%2099.18%200%200%200-99.2-99.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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