creative commons by logo

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

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

The same logo in other sets

creative-commons-byCoreUI Brandscreative-commons-byFont Awesome 6 Brandscreative-commons-byHumbleiconscreative-commons-byLine Awesomecreative-commons-by-fillRemix Iconcreative-commons-byTabler Icons

Related icons in Font Awesome Brands

creative-commonscreative-commons-nccreative-commons-nc-eucreative-commons-nc-jpcreative-commons-ndcreative-commons-pdcreative-commons-pd-altcreative-commons-remixcreative-commons-sacreative-commons-samplingcreative-commons-sampling-pluscreative-commons-sharecreative-commons-zero

Use the creative commons by logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M386.9 258.4v101.4h-28.3v120.5h-77.1V359.9h-28.3V258.4c0-4.4 1.6-8.2 4.6-11.3c3.1-3.1 6.9-4.7 11.3-4.7H371c4.1 0 7.8 1.6 11.1 4.7c3.1 3.2 4.8 6.9 4.8 11.3m-32.5-64.5c.2 19.1-15 34.7-34.1 34.9s-34.7-15-34.9-34.1s15-34.7 34.1-34.9s34.7 15 34.9 34.1M319.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.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsCreativeCommonsBy(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="M386.9 258.4v101.4h-28.3v120.5h-77.1V359.9h-28.3V258.4c0-4.4 1.6-8.2 4.6-11.3c3.1-3.1 6.9-4.7 11.3-4.7H371c4.1 0 7.8 1.6 11.1 4.7c3.1 3.2 4.8 6.9 4.8 11.3m-32.5-64.5c.2 19.1-15 34.7-34.1 34.9s-34.7-15-34.9-34.1s15-34.7 34.1-34.9s34.7 15 34.9 34.1M319.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.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M386.9 258.4v101.4h-28.3v120.5h-77.1V359.9h-28.3V258.4c0-4.4 1.6-8.2 4.6-11.3c3.1-3.1 6.9-4.7 11.3-4.7H371c4.1 0 7.8 1.6 11.1 4.7c3.1 3.2 4.8 6.9 4.8 11.3m-32.5-64.5c.2 19.1-15 34.7-34.1 34.9s-34.7-15-34.9-34.1s15-34.7 34.1-34.9s34.7 15 34.9 34.1M319.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.3"/></svg>
</template>

CSS

.icon-creative-commons-by {
  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%22M386.9%20258.4v101.4h-28.3v120.5h-77.1V359.9h-28.3V258.4c0-4.4%201.6-8.2%204.6-11.3c3.1-3.1%206.9-4.7%2011.3-4.7H371c4.1%200%207.8%201.6%2011.1%204.7c3.1%203.2%204.8%206.9%204.8%2011.3m-32.5-64.5c.2%2019.1-15%2034.7-34.1%2034.9s-34.7-15-34.9-34.1s15-34.7%2034.1-34.9s34.7%2015%2034.9%2034.1M319.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.3%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%22M386.9%20258.4v101.4h-28.3v120.5h-77.1V359.9h-28.3V258.4c0-4.4%201.6-8.2%204.6-11.3c3.1-3.1%206.9-4.7%2011.3-4.7H371c4.1%200%207.8%201.6%2011.1%204.7c3.1%203.2%204.8%206.9%204.8%2011.3m-32.5-64.5c.2%2019.1-15%2034.7-34.1%2034.9s-34.7-15-34.9-34.1s15-34.7%2034.1-34.9s34.7%2015%2034.9%2034.1M319.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.3%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-by.svg?color=%231a73e8&size=48