strapi icon logo

strapi-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
strapi-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the strapi icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#4945ff" d="M0 88.747c0-41.836 0-62.754 12.997-75.75S46.91 0 88.747 0h78.507c41.835 0 62.752 0 75.75 12.997C256 25.993 256 46.91 256 88.747v78.507c0 41.835 0 62.752-12.997 75.75C230.006 256 209.09 256 167.253 256H88.748c-41.836 0-62.754 0-75.75-12.997S0 209.09 0 167.253z"/><path fill="#fff" d="M176.64 77.653H90.453V121.6H134.4v43.946h43.946V79.36c0-.943-.764-1.707-1.706-1.707"/><path fill="#fff" d="M132.693 121.6h1.707v1.707h-1.707z"/><path fill="#9593ff" d="M90.453 121.6h42.24c.943 0 1.707.764 1.707 1.706v42.24H92.16a1.706 1.706 0 0 1-1.707-1.706zm43.947 43.946h43.946l-42.49 42.49c-.537.538-1.456.157-1.456-.602zM90.453 121.6H48.566c-.76 0-1.14-.92-.603-1.457l42.49-42.49z"/></svg>

React

import type { SVGProps } from "react";

export function LogosStrapiIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#4945ff" d="M0 88.747c0-41.836 0-62.754 12.997-75.75S46.91 0 88.747 0h78.507c41.835 0 62.752 0 75.75 12.997C256 25.993 256 46.91 256 88.747v78.507c0 41.835 0 62.752-12.997 75.75C230.006 256 209.09 256 167.253 256H88.748c-41.836 0-62.754 0-75.75-12.997S0 209.09 0 167.253z"/><path fill="#fff" d="M176.64 77.653H90.453V121.6H134.4v43.946h43.946V79.36c0-.943-.764-1.707-1.706-1.707"/><path fill="#fff" d="M132.693 121.6h1.707v1.707h-1.707z"/><path fill="#9593ff" d="M90.453 121.6h42.24c.943 0 1.707.764 1.707 1.706v42.24H92.16a1.706 1.706 0 0 1-1.707-1.706zm43.947 43.946h43.946l-42.49 42.49c-.537.538-1.456.157-1.456-.602zM90.453 121.6H48.566c-.76 0-1.14-.92-.603-1.457l42.49-42.49z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#4945ff" d="M0 88.747c0-41.836 0-62.754 12.997-75.75S46.91 0 88.747 0h78.507c41.835 0 62.752 0 75.75 12.997C256 25.993 256 46.91 256 88.747v78.507c0 41.835 0 62.752-12.997 75.75C230.006 256 209.09 256 167.253 256H88.748c-41.836 0-62.754 0-75.75-12.997S0 209.09 0 167.253z"/><path fill="#fff" d="M176.64 77.653H90.453V121.6H134.4v43.946h43.946V79.36c0-.943-.764-1.707-1.706-1.707"/><path fill="#fff" d="M132.693 121.6h1.707v1.707h-1.707z"/><path fill="#9593ff" d="M90.453 121.6h42.24c.943 0 1.707.764 1.707 1.706v42.24H92.16a1.706 1.706 0 0 1-1.707-1.706zm43.947 43.946h43.946l-42.49 42.49c-.537.538-1.456.157-1.456-.602zM90.453 121.6H48.566c-.76 0-1.14-.92-.603-1.457l42.49-42.49z"/></svg>
</template>

CSS

.icon-strapi-icon {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%234945ff%22%20d%3D%22M0%2088.747c0-41.836%200-62.754%2012.997-75.75S46.91%200%2088.747%200h78.507c41.835%200%2062.752%200%2075.75%2012.997C256%2025.993%20256%2046.91%20256%2088.747v78.507c0%2041.835%200%2062.752-12.997%2075.75C230.006%20256%20209.09%20256%20167.253%20256H88.748c-41.836%200-62.754%200-75.75-12.997S0%20209.09%200%20167.253z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M176.64%2077.653H90.453V121.6H134.4v43.946h43.946V79.36c0-.943-.764-1.707-1.706-1.707%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M132.693%20121.6h1.707v1.707h-1.707z%22%2F%3E%3Cpath%20fill%3D%22%239593ff%22%20d%3D%22M90.453%20121.6h42.24c.943%200%201.707.764%201.707%201.706v42.24H92.16a1.706%201.706%200%200%201-1.707-1.706zm43.947%2043.946h43.946l-42.49%2042.49c-.537.538-1.456.157-1.456-.602zM90.453%20121.6H48.566c-.76%200-1.14-.92-.603-1.457l42.49-42.49z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%234945ff%22%20d%3D%22M0%2088.747c0-41.836%200-62.754%2012.997-75.75S46.91%200%2088.747%200h78.507c41.835%200%2062.752%200%2075.75%2012.997C256%2025.993%20256%2046.91%20256%2088.747v78.507c0%2041.835%200%2062.752-12.997%2075.75C230.006%20256%20209.09%20256%20167.253%20256H88.748c-41.836%200-62.754%200-75.75-12.997S0%20209.09%200%20167.253z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M176.64%2077.653H90.453V121.6H134.4v43.946h43.946V79.36c0-.943-.764-1.707-1.706-1.707%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M132.693%20121.6h1.707v1.707h-1.707z%22%2F%3E%3Cpath%20fill%3D%22%239593ff%22%20d%3D%22M90.453%20121.6h42.24c.943%200%201.707.764%201.707%201.706v42.24H92.16a1.706%201.706%200%200%201-1.707-1.706zm43.947%2043.946h43.946l-42.49%2042.49c-.537.538-1.456.157-1.456-.602zM90.453%20121.6H48.566c-.76%200-1.14-.92-.603-1.457l42.49-42.49z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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