creative commons icon

creative-commons from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.

Name
creative-commons
Set
Material Design Icons
Style
Filled
Category
Brand / Logo
Viewbox
24×24
License
Apache 2.0

The same icon in other sets

More brand / logo icons from Material Design Icons

Use the creative commons icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.89 10.34l-1.34.7c-.14-.3-.31-.51-.52-.63s-.41-.18-.58-.18c-.9 0-1.34.59-1.34 1.77c0 .54.11.97.34 1.29c.22.32.55.48 1 .48c.58 0 .99-.27 1.23-.86l1.23.63c-.26.49-.62.87-1.09 1.15q-.69.42-1.53.42c-.9 0-1.62-.27-2.17-.82C6.58 13.74 6.3 13 6.3 12c0-.95.28-1.7.83-2.26q.84-.84 2.1-.84c1.24-.01 2.13.48 2.66 1.44m5.77 0l-1.32.7c-.14-.3-.34-.51-.53-.63q-.315-.18-.6-.18c-.89 0-1.34.59-1.34 1.77c0 .54.13.97.34 1.29c.23.32.56.48 1 .48c.59 0 1-.27 1.24-.86l1.25.63c-.28.49-.65.87-1.11 1.15c-.47.28-.97.42-1.52.42c-.9 0-1.63-.27-2.17-.82S12.09 13 12.09 12c0-.95.28-1.7.83-2.26S14.17 8.9 15 8.9c1.26-.01 2.14.48 2.66 1.44M12 3.5a8.5 8.5 0 0 1 8.5 8.5a8.5 8.5 0 0 1-8.5 8.5A8.5 8.5 0 0 1 3.5 12A8.5 8.5 0 0 1 12 3.5M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>

React

import type { SVGProps } from "react";

export function MdiCreativeCommons(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.89 10.34l-1.34.7c-.14-.3-.31-.51-.52-.63s-.41-.18-.58-.18c-.9 0-1.34.59-1.34 1.77c0 .54.11.97.34 1.29c.22.32.55.48 1 .48c.58 0 .99-.27 1.23-.86l1.23.63c-.26.49-.62.87-1.09 1.15q-.69.42-1.53.42c-.9 0-1.62-.27-2.17-.82C6.58 13.74 6.3 13 6.3 12c0-.95.28-1.7.83-2.26q.84-.84 2.1-.84c1.24-.01 2.13.48 2.66 1.44m5.77 0l-1.32.7c-.14-.3-.34-.51-.53-.63q-.315-.18-.6-.18c-.89 0-1.34.59-1.34 1.77c0 .54.13.97.34 1.29c.23.32.56.48 1 .48c.59 0 1-.27 1.24-.86l1.25.63c-.28.49-.65.87-1.11 1.15c-.47.28-.97.42-1.52.42c-.9 0-1.63-.27-2.17-.82S12.09 13 12.09 12c0-.95.28-1.7.83-2.26S14.17 8.9 15 8.9c1.26-.01 2.14.48 2.66 1.44M12 3.5a8.5 8.5 0 0 1 8.5 8.5a8.5 8.5 0 0 1-8.5 8.5A8.5 8.5 0 0 1 3.5 12A8.5 8.5 0 0 1 12 3.5M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11.89 10.34l-1.34.7c-.14-.3-.31-.51-.52-.63s-.41-.18-.58-.18c-.9 0-1.34.59-1.34 1.77c0 .54.11.97.34 1.29c.22.32.55.48 1 .48c.58 0 .99-.27 1.23-.86l1.23.63c-.26.49-.62.87-1.09 1.15q-.69.42-1.53.42c-.9 0-1.62-.27-2.17-.82C6.58 13.74 6.3 13 6.3 12c0-.95.28-1.7.83-2.26q.84-.84 2.1-.84c1.24-.01 2.13.48 2.66 1.44m5.77 0l-1.32.7c-.14-.3-.34-.51-.53-.63q-.315-.18-.6-.18c-.89 0-1.34.59-1.34 1.77c0 .54.13.97.34 1.29c.23.32.56.48 1 .48c.59 0 1-.27 1.24-.86l1.25.63c-.28.49-.65.87-1.11 1.15c-.47.28-.97.42-1.52.42c-.9 0-1.63-.27-2.17-.82S12.09 13 12.09 12c0-.95.28-1.7.83-2.26S14.17 8.9 15 8.9c1.26-.01 2.14.48 2.66 1.44M12 3.5a8.5 8.5 0 0 1 8.5 8.5a8.5 8.5 0 0 1-8.5 8.5A8.5 8.5 0 0 1 3.5 12A8.5 8.5 0 0 1 12 3.5M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>
</template>

CSS

.icon-creative-commons {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.89%2010.34l-1.34.7c-.14-.3-.31-.51-.52-.63s-.41-.18-.58-.18c-.9%200-1.34.59-1.34%201.77c0%20.54.11.97.34%201.29c.22.32.55.48%201%20.48c.58%200%20.99-.27%201.23-.86l1.23.63c-.26.49-.62.87-1.09%201.15q-.69.42-1.53.42c-.9%200-1.62-.27-2.17-.82C6.58%2013.74%206.3%2013%206.3%2012c0-.95.28-1.7.83-2.26q.84-.84%202.1-.84c1.24-.01%202.13.48%202.66%201.44m5.77%200l-1.32.7c-.14-.3-.34-.51-.53-.63q-.315-.18-.6-.18c-.89%200-1.34.59-1.34%201.77c0%20.54.13.97.34%201.29c.23.32.56.48%201%20.48c.59%200%201-.27%201.24-.86l1.25.63c-.28.49-.65.87-1.11%201.15c-.47.28-.97.42-1.52.42c-.9%200-1.63-.27-2.17-.82S12.09%2013%2012.09%2012c0-.95.28-1.7.83-2.26S14.17%208.9%2015%208.9c1.26-.01%202.14.48%202.66%201.44M12%203.5a8.5%208.5%200%200%201%208.5%208.5a8.5%208.5%200%200%201-8.5%208.5A8.5%208.5%200%200%201%203.5%2012A8.5%208.5%200%200%201%2012%203.5M12%202A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.89%2010.34l-1.34.7c-.14-.3-.31-.51-.52-.63s-.41-.18-.58-.18c-.9%200-1.34.59-1.34%201.77c0%20.54.11.97.34%201.29c.22.32.55.48%201%20.48c.58%200%20.99-.27%201.23-.86l1.23.63c-.26.49-.62.87-1.09%201.15q-.69.42-1.53.42c-.9%200-1.62-.27-2.17-.82C6.58%2013.74%206.3%2013%206.3%2012c0-.95.28-1.7.83-2.26q.84-.84%202.1-.84c1.24-.01%202.13.48%202.66%201.44m5.77%200l-1.32.7c-.14-.3-.34-.51-.53-.63q-.315-.18-.6-.18c-.89%200-1.34.59-1.34%201.77c0%20.54.13.97.34%201.29c.23.32.56.48%201%20.48c.59%200%201-.27%201.24-.86l1.25.63c-.28.49-.65.87-1.11%201.15c-.47.28-.97.42-1.52.42c-.9%200-1.63-.27-2.17-.82S12.09%2013%2012.09%2012c0-.95.28-1.7.83-2.26S14.17%208.9%2015%208.9c1.26-.01%202.14.48%202.66%201.44M12%203.5a8.5%208.5%200%200%201%208.5%208.5a8.5%208.5%200%200%201-8.5%208.5A8.5%208.5%200%200%201%203.5%2012A8.5%208.5%200%200%201%2012%203.5M12%202A10%2010%200%200%200%202%2012a10%2010%200%200%200%2010%2010a10%2010%200%200%200%2010-10A10%2010%200%200%200%2012%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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