rome logo
rome-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- rome-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 rome 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(#SVGHcSWxdhd39)"><path fill="#be1f3d" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.175 5.306c1.193.454 1.373 1.244 1.373 6.74c0 5.498-.113 5.859-1.44 6.556a.3.3 0 0 0-.108.123c.072.17 1.383.212 4.372.212c4.155 0 4.624-.03 3.963-.392a2.5 2.5 0 0 1-1.006-.976c-.377-.877-.31-10.286.031-11.23c.315-.76.268-.79 1.559-.672c2.802.336 4.062 1.884 4.062 5.105c0 2.245-.568 3.52-1.982 4.614c-.692.516-.98 1.063-1.136 2.158l-.211 1.424H20V17.24c0-1.672-.031-1.703-.506-1.063c-.408.578-.753.67-2.513.67c-2.013 0-2.674-.397-1.26-.732c1.136-.274 2.736-1.667 3.21-2.823c.661-1.487.568-4.005-.221-5.224c-1.637-2.58-3.071-3.065-9.833-3.034c-3.339 0-5.145.092-4.702.273m4.795.79c.093.273.191 2.978.191 6.039c0 4.438-.098 5.62-.444 5.894c-.877.696-1.3-.64-1.3-6.039c0-4.862.387-6.38 1.084-6.38c.154 0 .376.212.464.486z"/></g><defs><clipPath id="SVGHcSWxdhd39"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRomeBackground(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(#SVGHcSWxdhd39)"><path fill="#be1f3d" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.175 5.306c1.193.454 1.373 1.244 1.373 6.74c0 5.498-.113 5.859-1.44 6.556a.3.3 0 0 0-.108.123c.072.17 1.383.212 4.372.212c4.155 0 4.624-.03 3.963-.392a2.5 2.5 0 0 1-1.006-.976c-.377-.877-.31-10.286.031-11.23c.315-.76.268-.79 1.559-.672c2.802.336 4.062 1.884 4.062 5.105c0 2.245-.568 3.52-1.982 4.614c-.692.516-.98 1.063-1.136 2.158l-.211 1.424H20V17.24c0-1.672-.031-1.703-.506-1.063c-.408.578-.753.67-2.513.67c-2.013 0-2.674-.397-1.26-.732c1.136-.274 2.736-1.667 3.21-2.823c.661-1.487.568-4.005-.221-5.224c-1.637-2.58-3.071-3.065-9.833-3.034c-3.339 0-5.145.092-4.702.273m4.795.79c.093.273.191 2.978.191 6.039c0 4.438-.098 5.62-.444 5.894c-.877.696-1.3-.64-1.3-6.039c0-4.862.387-6.38 1.084-6.38c.154 0 .376.212.464.486z"/></g><defs><clipPath id="SVGHcSWxdhd39"><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(#SVGHcSWxdhd39)"><path fill="#be1f3d" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.175 5.306c1.193.454 1.373 1.244 1.373 6.74c0 5.498-.113 5.859-1.44 6.556a.3.3 0 0 0-.108.123c.072.17 1.383.212 4.372.212c4.155 0 4.624-.03 3.963-.392a2.5 2.5 0 0 1-1.006-.976c-.377-.877-.31-10.286.031-11.23c.315-.76.268-.79 1.559-.672c2.802.336 4.062 1.884 4.062 5.105c0 2.245-.568 3.52-1.982 4.614c-.692.516-.98 1.063-1.136 2.158l-.211 1.424H20V17.24c0-1.672-.031-1.703-.506-1.063c-.408.578-.753.67-2.513.67c-2.013 0-2.674-.397-1.26-.732c1.136-.274 2.736-1.667 3.21-2.823c.661-1.487.568-4.005-.221-5.224c-1.637-2.58-3.071-3.065-9.833-3.034c-3.339 0-5.145.092-4.702.273m4.795.79c.093.273.191 2.978.191 6.039c0 4.438-.098 5.62-.444 5.894c-.877.696-1.3-.64-1.3-6.039c0-4.862.387-6.38 1.084-6.38c.154 0 .376.212.464.486z"/></g><defs><clipPath id="SVGHcSWxdhd39"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-rome-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(%23SVGHcSWxdhd39)%22%3E%3Cpath%20fill%3D%22%23be1f3d%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.175%205.306c1.193.454%201.373%201.244%201.373%206.74c0%205.498-.113%205.859-1.44%206.556a.3.3%200%200%200-.108.123c.072.17%201.383.212%204.372.212c4.155%200%204.624-.03%203.963-.392a2.5%202.5%200%200%201-1.006-.976c-.377-.877-.31-10.286.031-11.23c.315-.76.268-.79%201.559-.672c2.802.336%204.062%201.884%204.062%205.105c0%202.245-.568%203.52-1.982%204.614c-.692.516-.98%201.063-1.136%202.158l-.211%201.424H20V17.24c0-1.672-.031-1.703-.506-1.063c-.408.578-.753.67-2.513.67c-2.013%200-2.674-.397-1.26-.732c1.136-.274%202.736-1.667%203.21-2.823c.661-1.487.568-4.005-.221-5.224c-1.637-2.58-3.071-3.065-9.833-3.034c-3.339%200-5.145.092-4.702.273m4.795.79c.093.273.191%202.978.191%206.039c0%204.438-.098%205.62-.444%205.894c-.877.696-1.3-.64-1.3-6.039c0-4.862.387-6.38%201.084-6.38c.154%200%20.376.212.464.486z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd39%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(%23SVGHcSWxdhd39)%22%3E%3Cpath%20fill%3D%22%23be1f3d%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.175%205.306c1.193.454%201.373%201.244%201.373%206.74c0%205.498-.113%205.859-1.44%206.556a.3.3%200%200%200-.108.123c.072.17%201.383.212%204.372.212c4.155%200%204.624-.03%203.963-.392a2.5%202.5%200%200%201-1.006-.976c-.377-.877-.31-10.286.031-11.23c.315-.76.268-.79%201.559-.672c2.802.336%204.062%201.884%204.062%205.105c0%202.245-.568%203.52-1.982%204.614c-.692.516-.98%201.063-1.136%202.158l-.211%201.424H20V17.24c0-1.672-.031-1.703-.506-1.063c-.408.578-.753.67-2.513.67c-2.013%200-2.674-.397-1.26-.732c1.136-.274%202.736-1.667%203.21-2.823c.661-1.487.568-4.005-.221-5.224c-1.637-2.58-3.071-3.065-9.833-3.034c-3.339%200-5.145.092-4.702.273m4.795.79c.093.273.191%202.978.191%206.039c0%204.438-.098%205.62-.444%205.894c-.877.696-1.3-.64-1.3-6.039c0-4.862.387-6.38%201.084-6.38c.154%200%20.376.212.464.486z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd39%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/rome-background.svg?color=%231a73e8&size=48
