supple logo

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

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

The same logo in other sets

suppleFont Awesome 6 Brands suppleLine Awesome

Use the supple logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 326.5c0 64.1-109 116.1-243.5 116.1c-24.8 0-48.6-1.8-71.1-5q11.55.6 23.4.6c134.5 0 243.5-56.9 243.5-127.1c0-29.4-19.1-56.4-51.2-78c60 21.1 98.9 55.1 98.9 93.4M47.7 291.9c-.1-70.2 108.8-127.3 243.3-127.6c7.9 0 15.6.2 23.3.5c-22.5-3.2-46.3-4.9-71-4.9C108.8 160.3-.1 212.5 0 276.6c.1 38.3 39.1 72.3 99.3 93.3c-32.3-21.5-51.5-48.6-51.6-78m60.2 39.9s10.5 13.2 29.3 13.2c17.9 0 28.4-11.5 28.4-25.1c0-28-40.2-25.1-40.2-39.7c0-5.4 5.3-9.1 12.5-9.1c5.7 0 11.3 2.6 11.3 6.6v3.9h14.2v-7.9c0-12.1-15.4-16.8-25.4-16.8c-16.5 0-28.5 10.2-28.5 24.1c0 26.6 40.2 25.4 40.2 39.9c0 6.6-5.8 10.1-12.3 10.1c-11.9 0-20.7-10.1-20.7-10.1zm120.8-73.6v54.4c0 11.3-7.1 17.8-17.8 17.8s-17.8-6.5-17.8-17.7v-54.5h-15.8v55c0 18.9 13.4 31.9 33.7 31.9c20.1 0 33.4-13 33.4-31.9v-55zm34.4 85.4h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.8-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5.1 14.7-14 14.7zm57 43h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.7-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5 14.7-14 14.7zm57.1 34.8c0 5.8 2.4 8.2 8.2 8.2h37.6c5.8 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-18.6c-1.7 0-2.6-1-2.6-2.6v-61.2c0-5.7-2.4-8.2-8.2-8.2H401v13.4h5.2c1.7 0 2.6 1 2.6 2.6v61.2zm63.4 0c0 5.8 2.4 8.2 8.2 8.2H519c5.7 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-19.7c-1.7 0-2.6-1-2.6-2.6v-20.3h27.7v-13.4H488v-22.4h19.2c1.7 0 2.6 1 2.6 2.6v5.2H524v-13c0-5.7-2.5-8.2-8.2-8.2h-51.6v13.4h7.8v63.9zm58.9-76v5.9h1.6v-5.9h2.7v-1.2h-7v1.2zm5.7-1.2v7.1h1.5v-5.7l2.3 5.7h1.3l2.3-5.7v5.7h1.5v-7.1h-2.3l-2.1 5.1l-2.1-5.1z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsSupple(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="M640 326.5c0 64.1-109 116.1-243.5 116.1c-24.8 0-48.6-1.8-71.1-5q11.55.6 23.4.6c134.5 0 243.5-56.9 243.5-127.1c0-29.4-19.1-56.4-51.2-78c60 21.1 98.9 55.1 98.9 93.4M47.7 291.9c-.1-70.2 108.8-127.3 243.3-127.6c7.9 0 15.6.2 23.3.5c-22.5-3.2-46.3-4.9-71-4.9C108.8 160.3-.1 212.5 0 276.6c.1 38.3 39.1 72.3 99.3 93.3c-32.3-21.5-51.5-48.6-51.6-78m60.2 39.9s10.5 13.2 29.3 13.2c17.9 0 28.4-11.5 28.4-25.1c0-28-40.2-25.1-40.2-39.7c0-5.4 5.3-9.1 12.5-9.1c5.7 0 11.3 2.6 11.3 6.6v3.9h14.2v-7.9c0-12.1-15.4-16.8-25.4-16.8c-16.5 0-28.5 10.2-28.5 24.1c0 26.6 40.2 25.4 40.2 39.9c0 6.6-5.8 10.1-12.3 10.1c-11.9 0-20.7-10.1-20.7-10.1zm120.8-73.6v54.4c0 11.3-7.1 17.8-17.8 17.8s-17.8-6.5-17.8-17.7v-54.5h-15.8v55c0 18.9 13.4 31.9 33.7 31.9c20.1 0 33.4-13 33.4-31.9v-55zm34.4 85.4h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.8-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5.1 14.7-14 14.7zm57 43h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.7-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5 14.7-14 14.7zm57.1 34.8c0 5.8 2.4 8.2 8.2 8.2h37.6c5.8 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-18.6c-1.7 0-2.6-1-2.6-2.6v-61.2c0-5.7-2.4-8.2-8.2-8.2H401v13.4h5.2c1.7 0 2.6 1 2.6 2.6v61.2zm63.4 0c0 5.8 2.4 8.2 8.2 8.2H519c5.7 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-19.7c-1.7 0-2.6-1-2.6-2.6v-20.3h27.7v-13.4H488v-22.4h19.2c1.7 0 2.6 1 2.6 2.6v5.2H524v-13c0-5.7-2.5-8.2-8.2-8.2h-51.6v13.4h7.8v63.9zm58.9-76v5.9h1.6v-5.9h2.7v-1.2h-7v1.2zm5.7-1.2v7.1h1.5v-5.7l2.3 5.7h1.3l2.3-5.7v5.7h1.5v-7.1h-2.3l-2.1 5.1l-2.1-5.1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 326.5c0 64.1-109 116.1-243.5 116.1c-24.8 0-48.6-1.8-71.1-5q11.55.6 23.4.6c134.5 0 243.5-56.9 243.5-127.1c0-29.4-19.1-56.4-51.2-78c60 21.1 98.9 55.1 98.9 93.4M47.7 291.9c-.1-70.2 108.8-127.3 243.3-127.6c7.9 0 15.6.2 23.3.5c-22.5-3.2-46.3-4.9-71-4.9C108.8 160.3-.1 212.5 0 276.6c.1 38.3 39.1 72.3 99.3 93.3c-32.3-21.5-51.5-48.6-51.6-78m60.2 39.9s10.5 13.2 29.3 13.2c17.9 0 28.4-11.5 28.4-25.1c0-28-40.2-25.1-40.2-39.7c0-5.4 5.3-9.1 12.5-9.1c5.7 0 11.3 2.6 11.3 6.6v3.9h14.2v-7.9c0-12.1-15.4-16.8-25.4-16.8c-16.5 0-28.5 10.2-28.5 24.1c0 26.6 40.2 25.4 40.2 39.9c0 6.6-5.8 10.1-12.3 10.1c-11.9 0-20.7-10.1-20.7-10.1zm120.8-73.6v54.4c0 11.3-7.1 17.8-17.8 17.8s-17.8-6.5-17.8-17.7v-54.5h-15.8v55c0 18.9 13.4 31.9 33.7 31.9c20.1 0 33.4-13 33.4-31.9v-55zm34.4 85.4h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.8-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5.1 14.7-14 14.7zm57 43h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.7-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5 14.7-14 14.7zm57.1 34.8c0 5.8 2.4 8.2 8.2 8.2h37.6c5.8 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-18.6c-1.7 0-2.6-1-2.6-2.6v-61.2c0-5.7-2.4-8.2-8.2-8.2H401v13.4h5.2c1.7 0 2.6 1 2.6 2.6v61.2zm63.4 0c0 5.8 2.4 8.2 8.2 8.2H519c5.7 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-19.7c-1.7 0-2.6-1-2.6-2.6v-20.3h27.7v-13.4H488v-22.4h19.2c1.7 0 2.6 1 2.6 2.6v5.2H524v-13c0-5.7-2.5-8.2-8.2-8.2h-51.6v13.4h7.8v63.9zm58.9-76v5.9h1.6v-5.9h2.7v-1.2h-7v1.2zm5.7-1.2v7.1h1.5v-5.7l2.3 5.7h1.3l2.3-5.7v5.7h1.5v-7.1h-2.3l-2.1 5.1l-2.1-5.1z"/></svg>
</template>

CSS

.icon-supple {
  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%22M640%20326.5c0%2064.1-109%20116.1-243.5%20116.1c-24.8%200-48.6-1.8-71.1-5q11.55.6%2023.4.6c134.5%200%20243.5-56.9%20243.5-127.1c0-29.4-19.1-56.4-51.2-78c60%2021.1%2098.9%2055.1%2098.9%2093.4M47.7%20291.9c-.1-70.2%20108.8-127.3%20243.3-127.6c7.9%200%2015.6.2%2023.3.5c-22.5-3.2-46.3-4.9-71-4.9C108.8%20160.3-.1%20212.5%200%20276.6c.1%2038.3%2039.1%2072.3%2099.3%2093.3c-32.3-21.5-51.5-48.6-51.6-78m60.2%2039.9s10.5%2013.2%2029.3%2013.2c17.9%200%2028.4-11.5%2028.4-25.1c0-28-40.2-25.1-40.2-39.7c0-5.4%205.3-9.1%2012.5-9.1c5.7%200%2011.3%202.6%2011.3%206.6v3.9h14.2v-7.9c0-12.1-15.4-16.8-25.4-16.8c-16.5%200-28.5%2010.2-28.5%2024.1c0%2026.6%2040.2%2025.4%2040.2%2039.9c0%206.6-5.8%2010.1-12.3%2010.1c-11.9%200-20.7-10.1-20.7-10.1zm120.8-73.6v54.4c0%2011.3-7.1%2017.8-17.8%2017.8s-17.8-6.5-17.8-17.7v-54.5h-15.8v55c0%2018.9%2013.4%2031.9%2033.7%2031.9c20.1%200%2033.4-13%2033.4-31.9v-55zm34.4%2085.4h15.8v-29.5h15.5c16%200%2027.2-11.5%2027.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.8-43v-29.1h12.9c8.7%200%2013.7%205.7%2013.7%2014.4c0%208.9-5.1%2014.7-14%2014.7zm57%2043h15.8v-29.5h15.5c16%200%2027.2-11.5%2027.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.7-43v-29.1h12.9c8.7%200%2013.7%205.7%2013.7%2014.4c0%208.9-5%2014.7-14%2014.7zm57.1%2034.8c0%205.8%202.4%208.2%208.2%208.2h37.6c5.8%200%208.2-2.4%208.2-8.2v-13h-14.3v5.2c0%201.7-1%202.6-2.6%202.6h-18.6c-1.7%200-2.6-1-2.6-2.6v-61.2c0-5.7-2.4-8.2-8.2-8.2H401v13.4h5.2c1.7%200%202.6%201%202.6%202.6v61.2zm63.4%200c0%205.8%202.4%208.2%208.2%208.2H519c5.7%200%208.2-2.4%208.2-8.2v-13h-14.3v5.2c0%201.7-1%202.6-2.6%202.6h-19.7c-1.7%200-2.6-1-2.6-2.6v-20.3h27.7v-13.4H488v-22.4h19.2c1.7%200%202.6%201%202.6%202.6v5.2H524v-13c0-5.7-2.5-8.2-8.2-8.2h-51.6v13.4h7.8v63.9zm58.9-76v5.9h1.6v-5.9h2.7v-1.2h-7v1.2zm5.7-1.2v7.1h1.5v-5.7l2.3%205.7h1.3l2.3-5.7v5.7h1.5v-7.1h-2.3l-2.1%205.1l-2.1-5.1z%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%22M640%20326.5c0%2064.1-109%20116.1-243.5%20116.1c-24.8%200-48.6-1.8-71.1-5q11.55.6%2023.4.6c134.5%200%20243.5-56.9%20243.5-127.1c0-29.4-19.1-56.4-51.2-78c60%2021.1%2098.9%2055.1%2098.9%2093.4M47.7%20291.9c-.1-70.2%20108.8-127.3%20243.3-127.6c7.9%200%2015.6.2%2023.3.5c-22.5-3.2-46.3-4.9-71-4.9C108.8%20160.3-.1%20212.5%200%20276.6c.1%2038.3%2039.1%2072.3%2099.3%2093.3c-32.3-21.5-51.5-48.6-51.6-78m60.2%2039.9s10.5%2013.2%2029.3%2013.2c17.9%200%2028.4-11.5%2028.4-25.1c0-28-40.2-25.1-40.2-39.7c0-5.4%205.3-9.1%2012.5-9.1c5.7%200%2011.3%202.6%2011.3%206.6v3.9h14.2v-7.9c0-12.1-15.4-16.8-25.4-16.8c-16.5%200-28.5%2010.2-28.5%2024.1c0%2026.6%2040.2%2025.4%2040.2%2039.9c0%206.6-5.8%2010.1-12.3%2010.1c-11.9%200-20.7-10.1-20.7-10.1zm120.8-73.6v54.4c0%2011.3-7.1%2017.8-17.8%2017.8s-17.8-6.5-17.8-17.7v-54.5h-15.8v55c0%2018.9%2013.4%2031.9%2033.7%2031.9c20.1%200%2033.4-13%2033.4-31.9v-55zm34.4%2085.4h15.8v-29.5h15.5c16%200%2027.2-11.5%2027.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.8-43v-29.1h12.9c8.7%200%2013.7%205.7%2013.7%2014.4c0%208.9-5.1%2014.7-14%2014.7zm57%2043h15.8v-29.5h15.5c16%200%2027.2-11.5%2027.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.7-43v-29.1h12.9c8.7%200%2013.7%205.7%2013.7%2014.4c0%208.9-5%2014.7-14%2014.7zm57.1%2034.8c0%205.8%202.4%208.2%208.2%208.2h37.6c5.8%200%208.2-2.4%208.2-8.2v-13h-14.3v5.2c0%201.7-1%202.6-2.6%202.6h-18.6c-1.7%200-2.6-1-2.6-2.6v-61.2c0-5.7-2.4-8.2-8.2-8.2H401v13.4h5.2c1.7%200%202.6%201%202.6%202.6v61.2zm63.4%200c0%205.8%202.4%208.2%208.2%208.2H519c5.7%200%208.2-2.4%208.2-8.2v-13h-14.3v5.2c0%201.7-1%202.6-2.6%202.6h-19.7c-1.7%200-2.6-1-2.6-2.6v-20.3h27.7v-13.4H488v-22.4h19.2c1.7%200%202.6%201%202.6%202.6v5.2H524v-13c0-5.7-2.5-8.2-8.2-8.2h-51.6v13.4h7.8v63.9zm58.9-76v5.9h1.6v-5.9h2.7v-1.2h-7v1.2zm5.7-1.2v7.1h1.5v-5.7l2.3%205.7h1.3l2.3-5.7v5.7h1.5v-7.1h-2.3l-2.1%205.1l-2.1-5.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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