rome icon logo

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

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

Use the rome icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#27272a" d="M38.315 153.175V255.29H.02V153.175zm216.997 0V255.29H217.02V153.175zM90.146 23.692l10.112 21.09a6.687 6.687 0 0 1-3.815 9.22c-33.946 12.055-58.15 43.214-58.15 79.756v6.687H0v-6.687C0 81.991 33.954 37.811 81.8 20.296a6.694 6.694 0 0 1 8.346 3.396m83.353-3.489c47.86 17.573 81.813 61.774 81.813 113.52v6.687H217.02v-6.687c0-36.542-24.175-67.695-58.15-79.757a6.687 6.687 0 0 1-3.815-9.22L165.152 23.6a6.694 6.694 0 0 1 8.347-3.397"/><path fill="#ffc905" d="M127.667 60.78c42.293 0 76.587 32.656 76.587 72.943V255.29H165.96V133.723c0-20.147-17.147-36.471-38.293-36.471s-38.294 16.31-38.294 36.47v121.569H51.08V133.723c0-40.287 34.295-72.942 76.588-72.942m24.295-59.135a6.7 6.7 0 0 1 5.148 9.517l-1.836 3.843l-14.219 29.784a6.74 6.74 0 0 1-6.467 3.794a125 125 0 0 0-13.843 0a6.73 6.73 0 0 1-6.46-3.794L100.06 15.005l-1.837-3.843a6.7 6.7 0 0 1 5.149-9.517a180.2 180.2 0 0 1 48.59 0"/></svg>

React

import type { SVGProps } from "react";

export function LogosRomeIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#27272a" d="M38.315 153.175V255.29H.02V153.175zm216.997 0V255.29H217.02V153.175zM90.146 23.692l10.112 21.09a6.687 6.687 0 0 1-3.815 9.22c-33.946 12.055-58.15 43.214-58.15 79.756v6.687H0v-6.687C0 81.991 33.954 37.811 81.8 20.296a6.694 6.694 0 0 1 8.346 3.396m83.353-3.489c47.86 17.573 81.813 61.774 81.813 113.52v6.687H217.02v-6.687c0-36.542-24.175-67.695-58.15-79.757a6.687 6.687 0 0 1-3.815-9.22L165.152 23.6a6.694 6.694 0 0 1 8.347-3.397"/><path fill="#ffc905" d="M127.667 60.78c42.293 0 76.587 32.656 76.587 72.943V255.29H165.96V133.723c0-20.147-17.147-36.471-38.293-36.471s-38.294 16.31-38.294 36.47v121.569H51.08V133.723c0-40.287 34.295-72.942 76.588-72.942m24.295-59.135a6.7 6.7 0 0 1 5.148 9.517l-1.836 3.843l-14.219 29.784a6.74 6.74 0 0 1-6.467 3.794a125 125 0 0 0-13.843 0a6.73 6.73 0 0 1-6.46-3.794L100.06 15.005l-1.837-3.843a6.7 6.7 0 0 1 5.149-9.517a180.2 180.2 0 0 1 48.59 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#27272a" d="M38.315 153.175V255.29H.02V153.175zm216.997 0V255.29H217.02V153.175zM90.146 23.692l10.112 21.09a6.687 6.687 0 0 1-3.815 9.22c-33.946 12.055-58.15 43.214-58.15 79.756v6.687H0v-6.687C0 81.991 33.954 37.811 81.8 20.296a6.694 6.694 0 0 1 8.346 3.396m83.353-3.489c47.86 17.573 81.813 61.774 81.813 113.52v6.687H217.02v-6.687c0-36.542-24.175-67.695-58.15-79.757a6.687 6.687 0 0 1-3.815-9.22L165.152 23.6a6.694 6.694 0 0 1 8.347-3.397"/><path fill="#ffc905" d="M127.667 60.78c42.293 0 76.587 32.656 76.587 72.943V255.29H165.96V133.723c0-20.147-17.147-36.471-38.293-36.471s-38.294 16.31-38.294 36.47v121.569H51.08V133.723c0-40.287 34.295-72.942 76.588-72.942m24.295-59.135a6.7 6.7 0 0 1 5.148 9.517l-1.836 3.843l-14.219 29.784a6.74 6.74 0 0 1-6.467 3.794a125 125 0 0 0-13.843 0a6.73 6.73 0 0 1-6.46-3.794L100.06 15.005l-1.837-3.843a6.7 6.7 0 0 1 5.149-9.517a180.2 180.2 0 0 1 48.59 0"/></svg>
</template>

CSS

.icon-rome-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%20256%22%3E%3Cpath%20fill%3D%22%2327272a%22%20d%3D%22M38.315%20153.175V255.29H.02V153.175zm216.997%200V255.29H217.02V153.175zM90.146%2023.692l10.112%2021.09a6.687%206.687%200%200%201-3.815%209.22c-33.946%2012.055-58.15%2043.214-58.15%2079.756v6.687H0v-6.687C0%2081.991%2033.954%2037.811%2081.8%2020.296a6.694%206.694%200%200%201%208.346%203.396m83.353-3.489c47.86%2017.573%2081.813%2061.774%2081.813%20113.52v6.687H217.02v-6.687c0-36.542-24.175-67.695-58.15-79.757a6.687%206.687%200%200%201-3.815-9.22L165.152%2023.6a6.694%206.694%200%200%201%208.347-3.397%22%2F%3E%3Cpath%20fill%3D%22%23ffc905%22%20d%3D%22M127.667%2060.78c42.293%200%2076.587%2032.656%2076.587%2072.943V255.29H165.96V133.723c0-20.147-17.147-36.471-38.293-36.471s-38.294%2016.31-38.294%2036.47v121.569H51.08V133.723c0-40.287%2034.295-72.942%2076.588-72.942m24.295-59.135a6.7%206.7%200%200%201%205.148%209.517l-1.836%203.843l-14.219%2029.784a6.74%206.74%200%200%201-6.467%203.794a125%20125%200%200%200-13.843%200a6.73%206.73%200%200%201-6.46-3.794L100.06%2015.005l-1.837-3.843a6.7%206.7%200%200%201%205.149-9.517a180.2%20180.2%200%200%201%2048.59%200%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%20256%22%3E%3Cpath%20fill%3D%22%2327272a%22%20d%3D%22M38.315%20153.175V255.29H.02V153.175zm216.997%200V255.29H217.02V153.175zM90.146%2023.692l10.112%2021.09a6.687%206.687%200%200%201-3.815%209.22c-33.946%2012.055-58.15%2043.214-58.15%2079.756v6.687H0v-6.687C0%2081.991%2033.954%2037.811%2081.8%2020.296a6.694%206.694%200%200%201%208.346%203.396m83.353-3.489c47.86%2017.573%2081.813%2061.774%2081.813%20113.52v6.687H217.02v-6.687c0-36.542-24.175-67.695-58.15-79.757a6.687%206.687%200%200%201-3.815-9.22L165.152%2023.6a6.694%206.694%200%200%201%208.347-3.397%22%2F%3E%3Cpath%20fill%3D%22%23ffc905%22%20d%3D%22M127.667%2060.78c42.293%200%2076.587%2032.656%2076.587%2072.943V255.29H165.96V133.723c0-20.147-17.147-36.471-38.293-36.471s-38.294%2016.31-38.294%2036.47v121.569H51.08V133.723c0-40.287%2034.295-72.942%2076.588-72.942m24.295-59.135a6.7%206.7%200%200%201%205.148%209.517l-1.836%203.843l-14.219%2029.784a6.74%206.74%200%200%201-6.467%203.794a125%20125%200%200%200-13.843%200a6.73%206.73%200%200%201-6.46-3.794L100.06%2015.005l-1.837-3.843a6.7%206.7%200%200%201%205.149-9.517a180.2%20180.2%200%200%201%2048.59%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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