framed logo

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

Name
framed
Set
SVG Logos
Style
Color
Viewbox
256×266
License
CC0

Use the framed logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 266"><g fill="#D35052" fill-rule="evenodd"><path d="M28.758 265.43c-15.337 0-27.815-12.478-27.815-27.817s12.478-27.816 27.815-27.816c15.34 0 27.817 12.477 27.817 27.816c0 15.339-12.478 27.817-27.817 27.817zm0-44.318c-9.098 0-16.5 7.401-16.5 16.501c0 9.1 7.402 16.502 16.5 16.502c9.1 0 16.502-7.402 16.502-16.502c0-9.1-7.402-16.501-16.502-16.501z"/><path d="M128.707 0c-15.337 0-27.816 12.478-27.816 27.816c0 8.594 3.92 16.287 10.063 21.393l-66.5 131.636a5.658 5.658 0 0 0 10.098 5.103L120.954 54.51a27.689 27.689 0 0 0 7.753 1.122c15.338 0 27.816-12.48 27.816-27.817C156.523 12.478 144.045 0 128.707 0zm0 44.318c-9.098 0-16.501-7.403-16.501-16.502c0-9.1 7.403-16.501 16.501-16.501c9.099 0 16.502 7.401 16.502 16.501c0 9.099-7.403 16.502-16.502 16.502z"/><path d="M228.184 209.326c-2.706 0-5.315.406-7.79 1.13L152.118 78.492a5.657 5.657 0 1 0-10.05 5.197l68.335 132.084a28.086 28.086 0 0 0-4.721 5.081l-77.966-37.148l-51.023 25.264a5.658 5.658 0 0 0 5.02 10.14l46.098-22.824l73.217 34.886a27.777 27.777 0 0 0-.66 5.97c0 15.338 12.477 27.817 27.815 27.817c15.338 0 27.816-12.48 27.816-27.817c0-15.339-12.478-27.816-27.816-27.816zm0 44.318c-9.099 0-16.5-7.403-16.5-16.502c0-9.1 7.401-16.501 16.5-16.501c9.1 0 16.501 7.401 16.501 16.501c0 9.099-7.401 16.502-16.501 16.502z"/></g></svg>

React

import type { SVGProps } from "react";

export function LogosFramed(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 266"><g fill="#D35052" fillRule="evenodd"><path d="M28.758 265.43c-15.337 0-27.815-12.478-27.815-27.817s12.478-27.816 27.815-27.816c15.34 0 27.817 12.477 27.817 27.816c0 15.339-12.478 27.817-27.817 27.817zm0-44.318c-9.098 0-16.5 7.401-16.5 16.501c0 9.1 7.402 16.502 16.5 16.502c9.1 0 16.502-7.402 16.502-16.502c0-9.1-7.402-16.501-16.502-16.501z"/><path d="M128.707 0c-15.337 0-27.816 12.478-27.816 27.816c0 8.594 3.92 16.287 10.063 21.393l-66.5 131.636a5.658 5.658 0 0 0 10.098 5.103L120.954 54.51a27.689 27.689 0 0 0 7.753 1.122c15.338 0 27.816-12.48 27.816-27.817C156.523 12.478 144.045 0 128.707 0zm0 44.318c-9.098 0-16.501-7.403-16.501-16.502c0-9.1 7.403-16.501 16.501-16.501c9.099 0 16.502 7.401 16.502 16.501c0 9.099-7.403 16.502-16.502 16.502z"/><path d="M228.184 209.326c-2.706 0-5.315.406-7.79 1.13L152.118 78.492a5.657 5.657 0 1 0-10.05 5.197l68.335 132.084a28.086 28.086 0 0 0-4.721 5.081l-77.966-37.148l-51.023 25.264a5.658 5.658 0 0 0 5.02 10.14l46.098-22.824l73.217 34.886a27.777 27.777 0 0 0-.66 5.97c0 15.338 12.477 27.817 27.815 27.817c15.338 0 27.816-12.48 27.816-27.817c0-15.339-12.478-27.816-27.816-27.816zm0 44.318c-9.099 0-16.5-7.403-16.5-16.502c0-9.1 7.401-16.501 16.5-16.501c9.1 0 16.501 7.401 16.501 16.501c0 9.099-7.401 16.502-16.501 16.502z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 266"><g fill="#D35052" fill-rule="evenodd"><path d="M28.758 265.43c-15.337 0-27.815-12.478-27.815-27.817s12.478-27.816 27.815-27.816c15.34 0 27.817 12.477 27.817 27.816c0 15.339-12.478 27.817-27.817 27.817zm0-44.318c-9.098 0-16.5 7.401-16.5 16.501c0 9.1 7.402 16.502 16.5 16.502c9.1 0 16.502-7.402 16.502-16.502c0-9.1-7.402-16.501-16.502-16.501z"/><path d="M128.707 0c-15.337 0-27.816 12.478-27.816 27.816c0 8.594 3.92 16.287 10.063 21.393l-66.5 131.636a5.658 5.658 0 0 0 10.098 5.103L120.954 54.51a27.689 27.689 0 0 0 7.753 1.122c15.338 0 27.816-12.48 27.816-27.817C156.523 12.478 144.045 0 128.707 0zm0 44.318c-9.098 0-16.501-7.403-16.501-16.502c0-9.1 7.403-16.501 16.501-16.501c9.099 0 16.502 7.401 16.502 16.501c0 9.099-7.403 16.502-16.502 16.502z"/><path d="M228.184 209.326c-2.706 0-5.315.406-7.79 1.13L152.118 78.492a5.657 5.657 0 1 0-10.05 5.197l68.335 132.084a28.086 28.086 0 0 0-4.721 5.081l-77.966-37.148l-51.023 25.264a5.658 5.658 0 0 0 5.02 10.14l46.098-22.824l73.217 34.886a27.777 27.777 0 0 0-.66 5.97c0 15.338 12.477 27.817 27.815 27.817c15.338 0 27.816-12.48 27.816-27.817c0-15.339-12.478-27.816-27.816-27.816zm0 44.318c-9.099 0-16.5-7.403-16.5-16.502c0-9.1 7.401-16.501 16.5-16.501c9.1 0 16.501 7.401 16.501 16.501c0 9.099-7.401 16.502-16.501 16.502z"/></g></svg>
</template>

CSS

.icon-framed {
  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%20266%22%3E%3Cg%20fill%3D%22%23D35052%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M28.758%20265.43c-15.337%200-27.815-12.478-27.815-27.817s12.478-27.816%2027.815-27.816c15.34%200%2027.817%2012.477%2027.817%2027.816c0%2015.339-12.478%2027.817-27.817%2027.817zm0-44.318c-9.098%200-16.5%207.401-16.5%2016.501c0%209.1%207.402%2016.502%2016.5%2016.502c9.1%200%2016.502-7.402%2016.502-16.502c0-9.1-7.402-16.501-16.502-16.501z%22%2F%3E%3Cpath%20d%3D%22M128.707%200c-15.337%200-27.816%2012.478-27.816%2027.816c0%208.594%203.92%2016.287%2010.063%2021.393l-66.5%20131.636a5.658%205.658%200%200%200%2010.098%205.103L120.954%2054.51a27.689%2027.689%200%200%200%207.753%201.122c15.338%200%2027.816-12.48%2027.816-27.817C156.523%2012.478%20144.045%200%20128.707%200zm0%2044.318c-9.098%200-16.501-7.403-16.501-16.502c0-9.1%207.403-16.501%2016.501-16.501c9.099%200%2016.502%207.401%2016.502%2016.501c0%209.099-7.403%2016.502-16.502%2016.502z%22%2F%3E%3Cpath%20d%3D%22M228.184%20209.326c-2.706%200-5.315.406-7.79%201.13L152.118%2078.492a5.657%205.657%200%201%200-10.05%205.197l68.335%20132.084a28.086%2028.086%200%200%200-4.721%205.081l-77.966-37.148l-51.023%2025.264a5.658%205.658%200%200%200%205.02%2010.14l46.098-22.824l73.217%2034.886a27.777%2027.777%200%200%200-.66%205.97c0%2015.338%2012.477%2027.817%2027.815%2027.817c15.338%200%2027.816-12.48%2027.816-27.817c0-15.339-12.478-27.816-27.816-27.816zm0%2044.318c-9.099%200-16.5-7.403-16.5-16.502c0-9.1%207.401-16.501%2016.5-16.501c9.1%200%2016.501%207.401%2016.501%2016.501c0%209.099-7.401%2016.502-16.501%2016.502z%22%2F%3E%3C%2Fg%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%20266%22%3E%3Cg%20fill%3D%22%23D35052%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M28.758%20265.43c-15.337%200-27.815-12.478-27.815-27.817s12.478-27.816%2027.815-27.816c15.34%200%2027.817%2012.477%2027.817%2027.816c0%2015.339-12.478%2027.817-27.817%2027.817zm0-44.318c-9.098%200-16.5%207.401-16.5%2016.501c0%209.1%207.402%2016.502%2016.5%2016.502c9.1%200%2016.502-7.402%2016.502-16.502c0-9.1-7.402-16.501-16.502-16.501z%22%2F%3E%3Cpath%20d%3D%22M128.707%200c-15.337%200-27.816%2012.478-27.816%2027.816c0%208.594%203.92%2016.287%2010.063%2021.393l-66.5%20131.636a5.658%205.658%200%200%200%2010.098%205.103L120.954%2054.51a27.689%2027.689%200%200%200%207.753%201.122c15.338%200%2027.816-12.48%2027.816-27.817C156.523%2012.478%20144.045%200%20128.707%200zm0%2044.318c-9.098%200-16.501-7.403-16.501-16.502c0-9.1%207.403-16.501%2016.501-16.501c9.099%200%2016.502%207.401%2016.502%2016.501c0%209.099-7.403%2016.502-16.502%2016.502z%22%2F%3E%3Cpath%20d%3D%22M228.184%20209.326c-2.706%200-5.315.406-7.79%201.13L152.118%2078.492a5.657%205.657%200%201%200-10.05%205.197l68.335%20132.084a28.086%2028.086%200%200%200-4.721%205.081l-77.966-37.148l-51.023%2025.264a5.658%205.658%200%200%200%205.02%2010.14l46.098-22.824l73.217%2034.886a27.777%2027.777%200%200%200-.66%205.97c0%2015.338%2012.477%2027.817%2027.815%2027.817c15.338%200%2027.816-12.48%2027.816-27.817c0-15.339-12.478-27.816-27.816-27.816zm0%2044.318c-9.099%200-16.5-7.403-16.5-16.502c0-9.1%207.401-16.501%2016.5-16.501c9.1%200%2016.501%207.401%2016.501%2016.501c0%209.099-7.401%2016.502-16.501%2016.502z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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