rpg logo

rpg-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: rpg-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the rpg logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd23)"><path fill="#fcc265" d="M24 0H0v24h24z"/><path fill="#000" d="M15.818 11.27a.545.545 0 1 0 0-1.09a.545.545 0 0 0 0 1.09M12 12.726l.79 1.091h.665l-.79-1.09z"/><path fill="#000" d="M12.175 11.636h-.91v-1.248h.91c.305 0 .553.273.553.608c0 .338-.248.64-.553.64m1.28-.64c0-.648-.473-1.179-1.07-1.179h-1.84v4h.728v-1.61h1.12c.582 0 1.062-.56 1.062-1.211"/><path fill="#000" d="M15.38 13.876a3.66 3.66 0 0 1-3.06 1.578a3.564 3.564 0 0 1-3.592-3.636c0-2.03 1.546-3.68 3.586-3.68L9.99 8.34L8.484 9.843l-.61 2.382l.549 1.706l.549 1.09l1.233.822l2.185.408l1.164-.346l1.574-1.09z"/><path fill="#000" d="M19.975 12.798c-.077-.389-.52-.662-.847-.836a2.45 2.45 0 0 0-1.284-.328c-.262 0-.364.08-.39.157c-.05.018.994.436 1.586.927c.037.026.237.19.233.262c0 .08-.24.127-.29.145c-.583.164-1.216.182-1.815.182c-.477 0-.964-.036-1.073-.036c-.633-.051-1.324-.073-1.957-.11c-.29-.014-.32.012-.32.012c-.007.083.182.24.582.41c.204.088.473.175.833.244c.029 0-.4.59-.604.782A3.78 3.78 0 0 1 12 15.634a3.67 3.67 0 0 1-3.636-3.774a3.72 3.72 0 0 1 3.629-3.658c.92-.011 1.79.37 2.538.887a.05.05 0 0 0 .015-.04c0-.05-.051-.124-.07-.156c-.49-.815-1.578-1.186-2.483-1.255h-.175c-2.352-.03-4.065 1.815-4.24 3.957c-.727-.19-2.713-.695-2.85-1.491c.094-.16.763-.357 2.643-.288c.073-.218.255-.483.382-.676c-2.353-.127-3.604.156-3.738.844q-.014.07-.015.134c0 1.153 2.706 1.91 3.578 2.171A4.4 4.4 0 0 0 12 16.362a4.25 4.25 0 0 0 3.215-1.495q.353-.436.582-.945a12 12 0 0 0 1.636.083c.633 0 1.335-.04 1.927-.272c.284-.106.637-.342.637-.68c.01-.102-.008-.186-.022-.255"/></g><defs><clipPath id="SVGHcSWxdhd23"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedRpgBackground(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd23)"><path fill="#fcc265" d="M24 0H0v24h24z"/><path fill="#000" d="M15.818 11.27a.545.545 0 1 0 0-1.09a.545.545 0 0 0 0 1.09M12 12.726l.79 1.091h.665l-.79-1.09z"/><path fill="#000" d="M12.175 11.636h-.91v-1.248h.91c.305 0 .553.273.553.608c0 .338-.248.64-.553.64m1.28-.64c0-.648-.473-1.179-1.07-1.179h-1.84v4h.728v-1.61h1.12c.582 0 1.062-.56 1.062-1.211"/><path fill="#000" d="M15.38 13.876a3.66 3.66 0 0 1-3.06 1.578a3.564 3.564 0 0 1-3.592-3.636c0-2.03 1.546-3.68 3.586-3.68L9.99 8.34L8.484 9.843l-.61 2.382l.549 1.706l.549 1.09l1.233.822l2.185.408l1.164-.346l1.574-1.09z"/><path fill="#000" d="M19.975 12.798c-.077-.389-.52-.662-.847-.836a2.45 2.45 0 0 0-1.284-.328c-.262 0-.364.08-.39.157c-.05.018.994.436 1.586.927c.037.026.237.19.233.262c0 .08-.24.127-.29.145c-.583.164-1.216.182-1.815.182c-.477 0-.964-.036-1.073-.036c-.633-.051-1.324-.073-1.957-.11c-.29-.014-.32.012-.32.012c-.007.083.182.24.582.41c.204.088.473.175.833.244c.029 0-.4.59-.604.782A3.78 3.78 0 0 1 12 15.634a3.67 3.67 0 0 1-3.636-3.774a3.72 3.72 0 0 1 3.629-3.658c.92-.011 1.79.37 2.538.887a.05.05 0 0 0 .015-.04c0-.05-.051-.124-.07-.156c-.49-.815-1.578-1.186-2.483-1.255h-.175c-2.352-.03-4.065 1.815-4.24 3.957c-.727-.19-2.713-.695-2.85-1.491c.094-.16.763-.357 2.643-.288c.073-.218.255-.483.382-.676c-2.353-.127-3.604.156-3.738.844q-.014.07-.015.134c0 1.153 2.706 1.91 3.578 2.171A4.4 4.4 0 0 0 12 16.362a4.25 4.25 0 0 0 3.215-1.495q.353-.436.582-.945a12 12 0 0 0 1.636.083c.633 0 1.335-.04 1.927-.272c.284-.106.637-.342.637-.68c.01-.102-.008-.186-.022-.255"/></g><defs><clipPath id="SVGHcSWxdhd23"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd23)"><path fill="#fcc265" d="M24 0H0v24h24z"/><path fill="#000" d="M15.818 11.27a.545.545 0 1 0 0-1.09a.545.545 0 0 0 0 1.09M12 12.726l.79 1.091h.665l-.79-1.09z"/><path fill="#000" d="M12.175 11.636h-.91v-1.248h.91c.305 0 .553.273.553.608c0 .338-.248.64-.553.64m1.28-.64c0-.648-.473-1.179-1.07-1.179h-1.84v4h.728v-1.61h1.12c.582 0 1.062-.56 1.062-1.211"/><path fill="#000" d="M15.38 13.876a3.66 3.66 0 0 1-3.06 1.578a3.564 3.564 0 0 1-3.592-3.636c0-2.03 1.546-3.68 3.586-3.68L9.99 8.34L8.484 9.843l-.61 2.382l.549 1.706l.549 1.09l1.233.822l2.185.408l1.164-.346l1.574-1.09z"/><path fill="#000" d="M19.975 12.798c-.077-.389-.52-.662-.847-.836a2.45 2.45 0 0 0-1.284-.328c-.262 0-.364.08-.39.157c-.05.018.994.436 1.586.927c.037.026.237.19.233.262c0 .08-.24.127-.29.145c-.583.164-1.216.182-1.815.182c-.477 0-.964-.036-1.073-.036c-.633-.051-1.324-.073-1.957-.11c-.29-.014-.32.012-.32.012c-.007.083.182.24.582.41c.204.088.473.175.833.244c.029 0-.4.59-.604.782A3.78 3.78 0 0 1 12 15.634a3.67 3.67 0 0 1-3.636-3.774a3.72 3.72 0 0 1 3.629-3.658c.92-.011 1.79.37 2.538.887a.05.05 0 0 0 .015-.04c0-.05-.051-.124-.07-.156c-.49-.815-1.578-1.186-2.483-1.255h-.175c-2.352-.03-4.065 1.815-4.24 3.957c-.727-.19-2.713-.695-2.85-1.491c.094-.16.763-.357 2.643-.288c.073-.218.255-.483.382-.676c-2.353-.127-3.604.156-3.738.844q-.014.07-.015.134c0 1.153 2.706 1.91 3.578 2.171A4.4 4.4 0 0 0 12 16.362a4.25 4.25 0 0 0 3.215-1.495q.353-.436.582-.945a12 12 0 0 0 1.636.083c.633 0 1.335-.04 1.927-.272c.284-.106.637-.342.637-.68c.01-.102-.008-.186-.022-.255"/></g><defs><clipPath id="SVGHcSWxdhd23"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-rpg-background {
  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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd23)%22%3E%3Cpath%20fill%3D%22%23fcc265%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.818%2011.27a.545.545%200%201%200%200-1.09a.545.545%200%200%200%200%201.09M12%2012.726l.79%201.091h.665l-.79-1.09z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.175%2011.636h-.91v-1.248h.91c.305%200%20.553.273.553.608c0%20.338-.248.64-.553.64m1.28-.64c0-.648-.473-1.179-1.07-1.179h-1.84v4h.728v-1.61h1.12c.582%200%201.062-.56%201.062-1.211%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.38%2013.876a3.66%203.66%200%200%201-3.06%201.578a3.564%203.564%200%200%201-3.592-3.636c0-2.03%201.546-3.68%203.586-3.68L9.99%208.34L8.484%209.843l-.61%202.382l.549%201.706l.549%201.09l1.233.822l2.185.408l1.164-.346l1.574-1.09z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M19.975%2012.798c-.077-.389-.52-.662-.847-.836a2.45%202.45%200%200%200-1.284-.328c-.262%200-.364.08-.39.157c-.05.018.994.436%201.586.927c.037.026.237.19.233.262c0%20.08-.24.127-.29.145c-.583.164-1.216.182-1.815.182c-.477%200-.964-.036-1.073-.036c-.633-.051-1.324-.073-1.957-.11c-.29-.014-.32.012-.32.012c-.007.083.182.24.582.41c.204.088.473.175.833.244c.029%200-.4.59-.604.782A3.78%203.78%200%200%201%2012%2015.634a3.67%203.67%200%200%201-3.636-3.774a3.72%203.72%200%200%201%203.629-3.658c.92-.011%201.79.37%202.538.887a.05.05%200%200%200%20.015-.04c0-.05-.051-.124-.07-.156c-.49-.815-1.578-1.186-2.483-1.255h-.175c-2.352-.03-4.065%201.815-4.24%203.957c-.727-.19-2.713-.695-2.85-1.491c.094-.16.763-.357%202.643-.288c.073-.218.255-.483.382-.676c-2.353-.127-3.604.156-3.738.844q-.014.07-.015.134c0%201.153%202.706%201.91%203.578%202.171A4.4%204.4%200%200%200%2012%2016.362a4.25%204.25%200%200%200%203.215-1.495q.353-.436.582-.945a12%2012%200%200%200%201.636.083c.633%200%201.335-.04%201.927-.272c.284-.106.637-.342.637-.68c.01-.102-.008-.186-.022-.255%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd23%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd23)%22%3E%3Cpath%20fill%3D%22%23fcc265%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.818%2011.27a.545.545%200%201%200%200-1.09a.545.545%200%200%200%200%201.09M12%2012.726l.79%201.091h.665l-.79-1.09z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.175%2011.636h-.91v-1.248h.91c.305%200%20.553.273.553.608c0%20.338-.248.64-.553.64m1.28-.64c0-.648-.473-1.179-1.07-1.179h-1.84v4h.728v-1.61h1.12c.582%200%201.062-.56%201.062-1.211%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.38%2013.876a3.66%203.66%200%200%201-3.06%201.578a3.564%203.564%200%200%201-3.592-3.636c0-2.03%201.546-3.68%203.586-3.68L9.99%208.34L8.484%209.843l-.61%202.382l.549%201.706l.549%201.09l1.233.822l2.185.408l1.164-.346l1.574-1.09z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M19.975%2012.798c-.077-.389-.52-.662-.847-.836a2.45%202.45%200%200%200-1.284-.328c-.262%200-.364.08-.39.157c-.05.018.994.436%201.586.927c.037.026.237.19.233.262c0%20.08-.24.127-.29.145c-.583.164-1.216.182-1.815.182c-.477%200-.964-.036-1.073-.036c-.633-.051-1.324-.073-1.957-.11c-.29-.014-.32.012-.32.012c-.007.083.182.24.582.41c.204.088.473.175.833.244c.029%200-.4.59-.604.782A3.78%203.78%200%200%201%2012%2015.634a3.67%203.67%200%200%201-3.636-3.774a3.72%203.72%200%200%201%203.629-3.658c.92-.011%201.79.37%202.538.887a.05.05%200%200%200%20.015-.04c0-.05-.051-.124-.07-.156c-.49-.815-1.578-1.186-2.483-1.255h-.175c-2.352-.03-4.065%201.815-4.24%203.957c-.727-.19-2.713-.695-2.85-1.491c.094-.16.763-.357%202.643-.288c.073-.218.255-.483.382-.676c-2.353-.127-3.604.156-3.738.844q-.014.07-.015.134c0%201.153%202.706%201.91%203.578%202.171A4.4%204.4%200%200%200%2012%2016.362a4.25%204.25%200%200%200%203.215-1.495q.353-.436.582-.945a12%2012%200%200%200%201.636.083c.633%200%201.335-.04%201.927-.272c.284-.106.637-.342.637-.68c.01-.102-.008-.186-.022-.255%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd23%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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