glamorous icon logo

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

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

Use the glamorous icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#da233c" d="m80.281 4.74l85.701 85.7l-47.754 47.754L.976 20.942z"/><path fill="#da233c" d="M36.791 2.182C14.62 6.019-1.582 13.694.123 19.662c2.132 5.97 21.745 7.675 44.343 3.838c22.171-4.264 38.8-11.938 36.668-17.907c-2.132-5.97-22.172-7.249-44.343-3.411"/><path fill="#ff8080" d="M37.644 2.182C16.752 5.592 1.402 13.267 3.534 18.81S24 25.632 44.892 22.221s36.242-11.086 34.11-16.202C76.87.049 58.536-1.656 37.644 2.182"/><path fill="#e8e8e8" d="m63.46 89.857l54.87-54.87l71.754 71.753l-54.87 54.87z"/><path fill="#555b61" d="m180.935 210.152l57.275-57.291L256 170.646l-57.275 57.29z"/><path fill="#b2c1c0" d="m111.178 140.444l57.267-57.299l16.587 16.577l-57.267 57.299z"/><path fill="#3e4347" d="M116.218 151.403L179.53 88.09l73.563 73.563l-63.312 63.312z"/></svg>

React

import type { SVGProps } from "react";

export function LogosGlamorousIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#da233c" d="m80.281 4.74l85.701 85.7l-47.754 47.754L.976 20.942z"/><path fill="#da233c" d="M36.791 2.182C14.62 6.019-1.582 13.694.123 19.662c2.132 5.97 21.745 7.675 44.343 3.838c22.171-4.264 38.8-11.938 36.668-17.907c-2.132-5.97-22.172-7.249-44.343-3.411"/><path fill="#ff8080" d="M37.644 2.182C16.752 5.592 1.402 13.267 3.534 18.81S24 25.632 44.892 22.221s36.242-11.086 34.11-16.202C76.87.049 58.536-1.656 37.644 2.182"/><path fill="#e8e8e8" d="m63.46 89.857l54.87-54.87l71.754 71.753l-54.87 54.87z"/><path fill="#555b61" d="m180.935 210.152l57.275-57.291L256 170.646l-57.275 57.29z"/><path fill="#b2c1c0" d="m111.178 140.444l57.267-57.299l16.587 16.577l-57.267 57.299z"/><path fill="#3e4347" d="M116.218 151.403L179.53 88.09l73.563 73.563l-63.312 63.312z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#da233c" d="m80.281 4.74l85.701 85.7l-47.754 47.754L.976 20.942z"/><path fill="#da233c" d="M36.791 2.182C14.62 6.019-1.582 13.694.123 19.662c2.132 5.97 21.745 7.675 44.343 3.838c22.171-4.264 38.8-11.938 36.668-17.907c-2.132-5.97-22.172-7.249-44.343-3.411"/><path fill="#ff8080" d="M37.644 2.182C16.752 5.592 1.402 13.267 3.534 18.81S24 25.632 44.892 22.221s36.242-11.086 34.11-16.202C76.87.049 58.536-1.656 37.644 2.182"/><path fill="#e8e8e8" d="m63.46 89.857l54.87-54.87l71.754 71.753l-54.87 54.87z"/><path fill="#555b61" d="m180.935 210.152l57.275-57.291L256 170.646l-57.275 57.29z"/><path fill="#b2c1c0" d="m111.178 140.444l57.267-57.299l16.587 16.577l-57.267 57.299z"/><path fill="#3e4347" d="M116.218 151.403L179.53 88.09l73.563 73.563l-63.312 63.312z"/></svg>
</template>

CSS

.icon-glamorous-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%20228%22%3E%3Cpath%20fill%3D%22%23da233c%22%20d%3D%22m80.281%204.74l85.701%2085.7l-47.754%2047.754L.976%2020.942z%22%2F%3E%3Cpath%20fill%3D%22%23da233c%22%20d%3D%22M36.791%202.182C14.62%206.019-1.582%2013.694.123%2019.662c2.132%205.97%2021.745%207.675%2044.343%203.838c22.171-4.264%2038.8-11.938%2036.668-17.907c-2.132-5.97-22.172-7.249-44.343-3.411%22%2F%3E%3Cpath%20fill%3D%22%23ff8080%22%20d%3D%22M37.644%202.182C16.752%205.592%201.402%2013.267%203.534%2018.81S24%2025.632%2044.892%2022.221s36.242-11.086%2034.11-16.202C76.87.049%2058.536-1.656%2037.644%202.182%22%2F%3E%3Cpath%20fill%3D%22%23e8e8e8%22%20d%3D%22m63.46%2089.857l54.87-54.87l71.754%2071.753l-54.87%2054.87z%22%2F%3E%3Cpath%20fill%3D%22%23555b61%22%20d%3D%22m180.935%20210.152l57.275-57.291L256%20170.646l-57.275%2057.29z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22m111.178%20140.444l57.267-57.299l16.587%2016.577l-57.267%2057.299z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M116.218%20151.403L179.53%2088.09l73.563%2073.563l-63.312%2063.312z%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%20228%22%3E%3Cpath%20fill%3D%22%23da233c%22%20d%3D%22m80.281%204.74l85.701%2085.7l-47.754%2047.754L.976%2020.942z%22%2F%3E%3Cpath%20fill%3D%22%23da233c%22%20d%3D%22M36.791%202.182C14.62%206.019-1.582%2013.694.123%2019.662c2.132%205.97%2021.745%207.675%2044.343%203.838c22.171-4.264%2038.8-11.938%2036.668-17.907c-2.132-5.97-22.172-7.249-44.343-3.411%22%2F%3E%3Cpath%20fill%3D%22%23ff8080%22%20d%3D%22M37.644%202.182C16.752%205.592%201.402%2013.267%203.534%2018.81S24%2025.632%2044.892%2022.221s36.242-11.086%2034.11-16.202C76.87.049%2058.536-1.656%2037.644%202.182%22%2F%3E%3Cpath%20fill%3D%22%23e8e8e8%22%20d%3D%22m63.46%2089.857l54.87-54.87l71.754%2071.753l-54.87%2054.87z%22%2F%3E%3Cpath%20fill%3D%22%23555b61%22%20d%3D%22m180.935%20210.152l57.275-57.291L256%20170.646l-57.275%2057.29z%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22m111.178%20140.444l57.267-57.299l16.587%2016.577l-57.267%2057.299z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M116.218%20151.403L179.53%2088.09l73.563%2073.563l-63.312%2063.312z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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