contentlayer logo

contentlayer from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
contentlayer
Set
Material Icon Theme
Style
Color
Viewbox
16×16
License
MIT

Use the contentlayer logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#651fff" fill-rule="evenodd" stroke="#651fff" stroke-width="1.073" d="M-2.482.404A1.93 1.93 0 0 1-.16.427l6.967 5.356a1.93 1.93 0 0 1 0 3.058L4.15 10.883l2.7 2.171c.983.79.956 2.294-.053 3.048l-7.152 5.344a1.93 1.93 0 0 1-2.439-.106l-5.596-4.996l-.782-.672c-3.492-3-3.062-8.526.845-10.951zm5.6 9.65L-.13 7.444a1.93 1.93 0 0 0-2.384-.026l-2.403 1.848a1.93 1.93 0 0 0 0 3.058l2.42 1.86a1.93 1.93 0 0 0 2.352 0l3.246-2.494l2.944 2.366a.643.643 0 0 1-.018 1.016l-7.152 5.344a.64.64 0 0 1-.813-.035l-5.6-5l-.796-.684c-2.839-2.439-2.482-6.935.705-8.896l.023-.014l5.888-4.349a.64.64 0 0 1 .774.008l6.967 5.356a.643.643 0 0 1 0 1.02zm-1.049.807l-2.998 2.304a.64.64 0 0 1-.783 0l-2.421-1.86a.643.643 0 0 1 0-1.02l2.403-1.848a.64.64 0 0 1 .795.009z" clip-rule="evenodd" transform="matrix(.5949 0 0 .61208 9.182 1.311)"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeContentlayer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#651fff" fillRule="evenodd" stroke="#651fff" strokeWidth="1.073" d="M-2.482.404A1.93 1.93 0 0 1-.16.427l6.967 5.356a1.93 1.93 0 0 1 0 3.058L4.15 10.883l2.7 2.171c.983.79.956 2.294-.053 3.048l-7.152 5.344a1.93 1.93 0 0 1-2.439-.106l-5.596-4.996l-.782-.672c-3.492-3-3.062-8.526.845-10.951zm5.6 9.65L-.13 7.444a1.93 1.93 0 0 0-2.384-.026l-2.403 1.848a1.93 1.93 0 0 0 0 3.058l2.42 1.86a1.93 1.93 0 0 0 2.352 0l3.246-2.494l2.944 2.366a.643.643 0 0 1-.018 1.016l-7.152 5.344a.64.64 0 0 1-.813-.035l-5.6-5l-.796-.684c-2.839-2.439-2.482-6.935.705-8.896l.023-.014l5.888-4.349a.64.64 0 0 1 .774.008l6.967 5.356a.643.643 0 0 1 0 1.02zm-1.049.807l-2.998 2.304a.64.64 0 0 1-.783 0l-2.421-1.86a.643.643 0 0 1 0-1.02l2.403-1.848a.64.64 0 0 1 .795.009z" clipRule="evenodd" transform="matrix(.5949 0 0 .61208 9.182 1.311)"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#651fff" fill-rule="evenodd" stroke="#651fff" stroke-width="1.073" d="M-2.482.404A1.93 1.93 0 0 1-.16.427l6.967 5.356a1.93 1.93 0 0 1 0 3.058L4.15 10.883l2.7 2.171c.983.79.956 2.294-.053 3.048l-7.152 5.344a1.93 1.93 0 0 1-2.439-.106l-5.596-4.996l-.782-.672c-3.492-3-3.062-8.526.845-10.951zm5.6 9.65L-.13 7.444a1.93 1.93 0 0 0-2.384-.026l-2.403 1.848a1.93 1.93 0 0 0 0 3.058l2.42 1.86a1.93 1.93 0 0 0 2.352 0l3.246-2.494l2.944 2.366a.643.643 0 0 1-.018 1.016l-7.152 5.344a.64.64 0 0 1-.813-.035l-5.6-5l-.796-.684c-2.839-2.439-2.482-6.935.705-8.896l.023-.014l5.888-4.349a.64.64 0 0 1 .774.008l6.967 5.356a.643.643 0 0 1 0 1.02zm-1.049.807l-2.998 2.304a.64.64 0 0 1-.783 0l-2.421-1.86a.643.643 0 0 1 0-1.02l2.403-1.848a.64.64 0 0 1 .795.009z" clip-rule="evenodd" transform="matrix(.5949 0 0 .61208 9.182 1.311)"/></svg>
</template>

CSS

.icon-contentlayer {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22%23651fff%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23651fff%22%20stroke-width%3D%221.073%22%20d%3D%22M-2.482.404A1.93%201.93%200%200%201-.16.427l6.967%205.356a1.93%201.93%200%200%201%200%203.058L4.15%2010.883l2.7%202.171c.983.79.956%202.294-.053%203.048l-7.152%205.344a1.93%201.93%200%200%201-2.439-.106l-5.596-4.996l-.782-.672c-3.492-3-3.062-8.526.845-10.951zm5.6%209.65L-.13%207.444a1.93%201.93%200%200%200-2.384-.026l-2.403%201.848a1.93%201.93%200%200%200%200%203.058l2.42%201.86a1.93%201.93%200%200%200%202.352%200l3.246-2.494l2.944%202.366a.643.643%200%200%201-.018%201.016l-7.152%205.344a.64.64%200%200%201-.813-.035l-5.6-5l-.796-.684c-2.839-2.439-2.482-6.935.705-8.896l.023-.014l5.888-4.349a.64.64%200%200%201%20.774.008l6.967%205.356a.643.643%200%200%201%200%201.02zm-1.049.807l-2.998%202.304a.64.64%200%200%201-.783%200l-2.421-1.86a.643.643%200%200%201%200-1.02l2.403-1.848a.64.64%200%200%201%20.795.009z%22%20clip-rule%3D%22evenodd%22%20transform%3D%22matrix(.5949%200%200%20.61208%209.182%201.311)%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%2016%2016%22%3E%3Cpath%20fill%3D%22%23651fff%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23651fff%22%20stroke-width%3D%221.073%22%20d%3D%22M-2.482.404A1.93%201.93%200%200%201-.16.427l6.967%205.356a1.93%201.93%200%200%201%200%203.058L4.15%2010.883l2.7%202.171c.983.79.956%202.294-.053%203.048l-7.152%205.344a1.93%201.93%200%200%201-2.439-.106l-5.596-4.996l-.782-.672c-3.492-3-3.062-8.526.845-10.951zm5.6%209.65L-.13%207.444a1.93%201.93%200%200%200-2.384-.026l-2.403%201.848a1.93%201.93%200%200%200%200%203.058l2.42%201.86a1.93%201.93%200%200%200%202.352%200l3.246-2.494l2.944%202.366a.643.643%200%200%201-.018%201.016l-7.152%205.344a.64.64%200%200%201-.813-.035l-5.6-5l-.796-.684c-2.839-2.439-2.482-6.935.705-8.896l.023-.014l5.888-4.349a.64.64%200%200%201%20.774.008l6.967%205.356a.643.643%200%200%201%200%201.02zm-1.049.807l-2.998%202.304a.64.64%200%200%201-.783%200l-2.421-1.86a.643.643%200%200%201%200-1.02l2.403-1.848a.64.64%200%200%201%20.795.009z%22%20clip-rule%3D%22evenodd%22%20transform%3D%22matrix(.5949%200%200%20.61208%209.182%201.311)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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