rome logo
rome from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- rome
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M3.197 4.47c1.342.51 1.545 1.399 1.545 7.583c0 6.183-.128 6.59-1.62 7.374a.36.36 0 0 0-.122.14c.081.19 1.556.237 4.918.237c4.674 0 5.203-.035 4.46-.441a2.83 2.83 0 0 1-1.133-1.098c-.424-.986-.348-11.572.035-12.634c.354-.854.302-.889 1.754-.755c3.152.377 4.57 2.12 4.57 5.742c0 2.526-.64 3.96-2.23 5.192c-.779.58-1.104 1.196-1.278 2.426l-.238 1.603H21v-1.945c0-1.881-.035-1.916-.57-1.196c-.458.65-.847.755-2.827.755c-2.264 0-3.008-.447-1.417-.825c1.278-.308 3.078-1.875 3.612-3.176c.743-1.672.639-4.506-.25-5.876c-1.84-2.903-3.454-3.45-11.06-3.414c-3.758 0-5.79.104-5.29.307m5.395.888c.104.308.214 3.35.214 6.793c0 4.994-.11 6.323-.499 6.631c-.987.784-1.463-.72-1.463-6.793c0-5.47.435-7.177 1.22-7.177c.173 0 .423.238.522.546z"/></svg>
React
import type { SVGProps } from "react";
export function TokenRome(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.197 4.47c1.342.51 1.545 1.399 1.545 7.583c0 6.183-.128 6.59-1.62 7.374a.36.36 0 0 0-.122.14c.081.19 1.556.237 4.918.237c4.674 0 5.203-.035 4.46-.441a2.83 2.83 0 0 1-1.133-1.098c-.424-.986-.348-11.572.035-12.634c.354-.854.302-.889 1.754-.755c3.152.377 4.57 2.12 4.57 5.742c0 2.526-.64 3.96-2.23 5.192c-.779.58-1.104 1.196-1.278 2.426l-.238 1.603H21v-1.945c0-1.881-.035-1.916-.57-1.196c-.458.65-.847.755-2.827.755c-2.264 0-3.008-.447-1.417-.825c1.278-.308 3.078-1.875 3.612-3.176c.743-1.672.639-4.506-.25-5.876c-1.84-2.903-3.454-3.45-11.06-3.414c-3.758 0-5.79.104-5.29.307m5.395.888c.104.308.214 3.35.214 6.793c0 4.994-.11 6.323-.499 6.631c-.987.784-1.463-.72-1.463-6.793c0-5.47.435-7.177 1.22-7.177c.173 0 .423.238.522.546z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.197 4.47c1.342.51 1.545 1.399 1.545 7.583c0 6.183-.128 6.59-1.62 7.374a.36.36 0 0 0-.122.14c.081.19 1.556.237 4.918.237c4.674 0 5.203-.035 4.46-.441a2.83 2.83 0 0 1-1.133-1.098c-.424-.986-.348-11.572.035-12.634c.354-.854.302-.889 1.754-.755c3.152.377 4.57 2.12 4.57 5.742c0 2.526-.64 3.96-2.23 5.192c-.779.58-1.104 1.196-1.278 2.426l-.238 1.603H21v-1.945c0-1.881-.035-1.916-.57-1.196c-.458.65-.847.755-2.827.755c-2.264 0-3.008-.447-1.417-.825c1.278-.308 3.078-1.875 3.612-3.176c.743-1.672.639-4.506-.25-5.876c-1.84-2.903-3.454-3.45-11.06-3.414c-3.758 0-5.79.104-5.29.307m5.395.888c.104.308.214 3.35.214 6.793c0 4.994-.11 6.323-.499 6.631c-.987.784-1.463-.72-1.463-6.793c0-5.47.435-7.177 1.22-7.177c.173 0 .423.238.522.546z"/></svg> </template>
CSS
.icon-rome {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.197%204.47c1.342.51%201.545%201.399%201.545%207.583c0%206.183-.128%206.59-1.62%207.374a.36.36%200%200%200-.122.14c.081.19%201.556.237%204.918.237c4.674%200%205.203-.035%204.46-.441a2.83%202.83%200%200%201-1.133-1.098c-.424-.986-.348-11.572.035-12.634c.354-.854.302-.889%201.754-.755c3.152.377%204.57%202.12%204.57%205.742c0%202.526-.64%203.96-2.23%205.192c-.779.58-1.104%201.196-1.278%202.426l-.238%201.603H21v-1.945c0-1.881-.035-1.916-.57-1.196c-.458.65-.847.755-2.827.755c-2.264%200-3.008-.447-1.417-.825c1.278-.308%203.078-1.875%203.612-3.176c.743-1.672.639-4.506-.25-5.876c-1.84-2.903-3.454-3.45-11.06-3.414c-3.758%200-5.79.104-5.29.307m5.395.888c.104.308.214%203.35.214%206.793c0%204.994-.11%206.323-.499%206.631c-.987.784-1.463-.72-1.463-6.793c0-5.47.435-7.177%201.22-7.177c.173%200%20.423.238.522.546z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.197%204.47c1.342.51%201.545%201.399%201.545%207.583c0%206.183-.128%206.59-1.62%207.374a.36.36%200%200%200-.122.14c.081.19%201.556.237%204.918.237c4.674%200%205.203-.035%204.46-.441a2.83%202.83%200%200%201-1.133-1.098c-.424-.986-.348-11.572.035-12.634c.354-.854.302-.889%201.754-.755c3.152.377%204.57%202.12%204.57%205.742c0%202.526-.64%203.96-2.23%205.192c-.779.58-1.104%201.196-1.278%202.426l-.238%201.603H21v-1.945c0-1.881-.035-1.916-.57-1.196c-.458.65-.847.755-2.827.755c-2.264%200-3.008-.447-1.417-.825c1.278-.308%203.078-1.875%203.612-3.176c.743-1.672.639-4.506-.25-5.876c-1.84-2.903-3.454-3.45-11.06-3.414c-3.758%200-5.79.104-5.29.307m5.395.888c.104.308.214%203.35.214%206.793c0%204.994-.11%206.323-.499%206.631c-.987.784-1.463-.72-1.463-6.793c0-5.47.435-7.177%201.22-7.177c.173%200%20.423.238.522.546z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/rome.svg?color=%231a73e8&size=48
