creative commons share logo

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

Name: creative-commons-share
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

creative-commons-shareCoreUI Brands creative-commons-shareFont Awesome 6 Brands creative-commons-shareLine Awesome

Related icons in Font Awesome Brands

creative-commons creative-commons-by creative-commons-nc creative-commons-nc-eu creative-commons-nc-jp creative-commons-nd creative-commons-pd creative-commons-pd-alt creative-commons-remix creative-commons-sa creative-commons-sampling creative-commons-sampling-plus creative-commons-zero

Use the creative commons share logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M319.6 72C461.4 72 568 182.1 568 320c0 147.1-118.5 248-248.4 248C185.6 568 72 458.5 72 320C72 187.1 176.7 72 319.6 72m.8 44.7c-118.2 0-203.7 97.9-203.7 203.3c0 109.8 91.2 202.8 203.7 202.8c103.2 0 202.8-81.1 202.8-202.8c.1-113.8-90.2-203.3-202.8-203.3m101 132.4c7.8 0 13.7 6.1 13.7 13.7v182.5c0 7.7-6.1 13.7-13.7 13.7H286.3c-7.7 0-13.7-6-13.7-13.7v-54h-54c-7.8 0-13.7-6-13.7-13.7V195.1c0-8.2 6.6-12.7 12.4-13.7h136.4c7.7 0 13.7 6 13.7 13.7v54zM231.9 364.3h40.7V262.9c0-7.4 5.8-12.6 12-13.7h55.8v-40.3H231.9zm176.2-88.1H299.6v155.4h108.5z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsCreativeCommonsShare(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="M319.6 72C461.4 72 568 182.1 568 320c0 147.1-118.5 248-248.4 248C185.6 568 72 458.5 72 320C72 187.1 176.7 72 319.6 72m.8 44.7c-118.2 0-203.7 97.9-203.7 203.3c0 109.8 91.2 202.8 203.7 202.8c103.2 0 202.8-81.1 202.8-202.8c.1-113.8-90.2-203.3-202.8-203.3m101 132.4c7.8 0 13.7 6.1 13.7 13.7v182.5c0 7.7-6.1 13.7-13.7 13.7H286.3c-7.7 0-13.7-6-13.7-13.7v-54h-54c-7.8 0-13.7-6-13.7-13.7V195.1c0-8.2 6.6-12.7 12.4-13.7h136.4c7.7 0 13.7 6 13.7 13.7v54zM231.9 364.3h40.7V262.9c0-7.4 5.8-12.6 12-13.7h55.8v-40.3H231.9zm176.2-88.1H299.6v155.4h108.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M319.6 72C461.4 72 568 182.1 568 320c0 147.1-118.5 248-248.4 248C185.6 568 72 458.5 72 320C72 187.1 176.7 72 319.6 72m.8 44.7c-118.2 0-203.7 97.9-203.7 203.3c0 109.8 91.2 202.8 203.7 202.8c103.2 0 202.8-81.1 202.8-202.8c.1-113.8-90.2-203.3-202.8-203.3m101 132.4c7.8 0 13.7 6.1 13.7 13.7v182.5c0 7.7-6.1 13.7-13.7 13.7H286.3c-7.7 0-13.7-6-13.7-13.7v-54h-54c-7.8 0-13.7-6-13.7-13.7V195.1c0-8.2 6.6-12.7 12.4-13.7h136.4c7.7 0 13.7 6 13.7 13.7v54zM231.9 364.3h40.7V262.9c0-7.4 5.8-12.6 12-13.7h55.8v-40.3H231.9zm176.2-88.1H299.6v155.4h108.5z"/></svg>
</template>

CSS

.icon-creative-commons-share {
  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%22M319.6%2072C461.4%2072%20568%20182.1%20568%20320c0%20147.1-118.5%20248-248.4%20248C185.6%20568%2072%20458.5%2072%20320C72%20187.1%20176.7%2072%20319.6%2072m.8%2044.7c-118.2%200-203.7%2097.9-203.7%20203.3c0%20109.8%2091.2%20202.8%20203.7%20202.8c103.2%200%20202.8-81.1%20202.8-202.8c.1-113.8-90.2-203.3-202.8-203.3m101%20132.4c7.8%200%2013.7%206.1%2013.7%2013.7v182.5c0%207.7-6.1%2013.7-13.7%2013.7H286.3c-7.7%200-13.7-6-13.7-13.7v-54h-54c-7.8%200-13.7-6-13.7-13.7V195.1c0-8.2%206.6-12.7%2012.4-13.7h136.4c7.7%200%2013.7%206%2013.7%2013.7v54zM231.9%20364.3h40.7V262.9c0-7.4%205.8-12.6%2012-13.7h55.8v-40.3H231.9zm176.2-88.1H299.6v155.4h108.5z%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%22M319.6%2072C461.4%2072%20568%20182.1%20568%20320c0%20147.1-118.5%20248-248.4%20248C185.6%20568%2072%20458.5%2072%20320C72%20187.1%20176.7%2072%20319.6%2072m.8%2044.7c-118.2%200-203.7%2097.9-203.7%20203.3c0%20109.8%2091.2%20202.8%20203.7%20202.8c103.2%200%20202.8-81.1%20202.8-202.8c.1-113.8-90.2-203.3-202.8-203.3m101%20132.4c7.8%200%2013.7%206.1%2013.7%2013.7v182.5c0%207.7-6.1%2013.7-13.7%2013.7H286.3c-7.7%200-13.7-6-13.7-13.7v-54h-54c-7.8%200-13.7-6-13.7-13.7V195.1c0-8.2%206.6-12.7%2012.4-13.7h136.4c7.7%200%2013.7%206%2013.7%2013.7v54zM231.9%20364.3h40.7V262.9c0-7.4%205.8-12.6%2012-13.7h55.8v-40.3H231.9zm176.2-88.1H299.6v155.4h108.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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