rome logo
rome from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- rome
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 32×32
- 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 32 32"><path fill="#546e7a" d="M9.875 5.409A14.02 14.02 0 0 0 2.01 17.48a.51.51 0 0 0 .508.519H5.52a.495.495 0 0 0 .491-.481a10.01 10.01 0 0 1 5.273-8.337a.494.494 0 0 0 .243-.592l-.958-2.882a.505.505 0 0 0-.694-.3Zm11.556.299l-.958 2.882a.494.494 0 0 0 .243.592a10.01 10.01 0 0 1 5.273 8.337a.495.495 0 0 0 .49.481h3.004a.51.51 0 0 0 .508-.519A14.02 14.02 0 0 0 22.125 5.41a.505.505 0 0 0-.694.299ZM26 20.5v9a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5m-24 0v9a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5"/><path fill="#ffc400" d="M16.13 10h-.26A7.87 7.87 0 0 0 8 17.87V29.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V17.87A3.88 3.88 0 0 1 15.87 14h.26A3.88 3.88 0 0 1 20 17.87V29.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V17.87A7.87 7.87 0 0 0 16.13 10m1.51-2h-3.28a.5.5 0 0 1-.474-.342l-1.667-5A.5.5 0 0 1 12.694 2h6.612a.5.5 0 0 1 .475.658l-1.667 5A.5.5 0 0 1 17.64 8"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeRome(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#546e7a" d="M9.875 5.409A14.02 14.02 0 0 0 2.01 17.48a.51.51 0 0 0 .508.519H5.52a.495.495 0 0 0 .491-.481a10.01 10.01 0 0 1 5.273-8.337a.494.494 0 0 0 .243-.592l-.958-2.882a.505.505 0 0 0-.694-.3Zm11.556.299l-.958 2.882a.494.494 0 0 0 .243.592a10.01 10.01 0 0 1 5.273 8.337a.495.495 0 0 0 .49.481h3.004a.51.51 0 0 0 .508-.519A14.02 14.02 0 0 0 22.125 5.41a.505.505 0 0 0-.694.299ZM26 20.5v9a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5m-24 0v9a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5"/><path fill="#ffc400" d="M16.13 10h-.26A7.87 7.87 0 0 0 8 17.87V29.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V17.87A3.88 3.88 0 0 1 15.87 14h.26A3.88 3.88 0 0 1 20 17.87V29.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V17.87A7.87 7.87 0 0 0 16.13 10m1.51-2h-3.28a.5.5 0 0 1-.474-.342l-1.667-5A.5.5 0 0 1 12.694 2h6.612a.5.5 0 0 1 .475.658l-1.667 5A.5.5 0 0 1 17.64 8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#546e7a" d="M9.875 5.409A14.02 14.02 0 0 0 2.01 17.48a.51.51 0 0 0 .508.519H5.52a.495.495 0 0 0 .491-.481a10.01 10.01 0 0 1 5.273-8.337a.494.494 0 0 0 .243-.592l-.958-2.882a.505.505 0 0 0-.694-.3Zm11.556.299l-.958 2.882a.494.494 0 0 0 .243.592a10.01 10.01 0 0 1 5.273 8.337a.495.495 0 0 0 .49.481h3.004a.51.51 0 0 0 .508-.519A14.02 14.02 0 0 0 22.125 5.41a.505.505 0 0 0-.694.299ZM26 20.5v9a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5m-24 0v9a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5"/><path fill="#ffc400" d="M16.13 10h-.26A7.87 7.87 0 0 0 8 17.87V29.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V17.87A3.88 3.88 0 0 1 15.87 14h.26A3.88 3.88 0 0 1 20 17.87V29.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V17.87A7.87 7.87 0 0 0 16.13 10m1.51-2h-3.28a.5.5 0 0 1-.474-.342l-1.667-5A.5.5 0 0 1 12.694 2h6.612a.5.5 0 0 1 .475.658l-1.667 5A.5.5 0 0 1 17.64 8"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22%23546e7a%22%20d%3D%22M9.875%205.409A14.02%2014.02%200%200%200%202.01%2017.48a.51.51%200%200%200%20.508.519H5.52a.495.495%200%200%200%20.491-.481a10.01%2010.01%200%200%201%205.273-8.337a.494.494%200%200%200%20.243-.592l-.958-2.882a.505.505%200%200%200-.694-.3Zm11.556.299l-.958%202.882a.494.494%200%200%200%20.243.592a10.01%2010.01%200%200%201%205.273%208.337a.495.495%200%200%200%20.49.481h3.004a.51.51%200%200%200%20.508-.519A14.02%2014.02%200%200%200%2022.125%205.41a.505.505%200%200%200-.694.299ZM26%2020.5v9a.5.5%200%200%200%20.5.5h3a.5.5%200%200%200%20.5-.5v-9a.5.5%200%200%200-.5-.5h-3a.5.5%200%200%200-.5.5m-24%200v9a.5.5%200%200%200%20.5.5h3a.5.5%200%200%200%20.5-.5v-9a.5.5%200%200%200-.5-.5h-3a.5.5%200%200%200-.5.5%22%2F%3E%3Cpath%20fill%3D%22%23ffc400%22%20d%3D%22M16.13%2010h-.26A7.87%207.87%200%200%200%208%2017.87V29.5a.5.5%200%200%200%20.5.5h3a.5.5%200%200%200%20.5-.5V17.87A3.88%203.88%200%200%201%2015.87%2014h.26A3.88%203.88%200%200%201%2020%2017.87V29.5a.5.5%200%200%200%20.5.5h3a.5.5%200%200%200%20.5-.5V17.87A7.87%207.87%200%200%200%2016.13%2010m1.51-2h-3.28a.5.5%200%200%201-.474-.342l-1.667-5A.5.5%200%200%201%2012.694%202h6.612a.5.5%200%200%201%20.475.658l-1.667%205A.5.5%200%200%201%2017.64%208%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%2032%2032%22%3E%3Cpath%20fill%3D%22%23546e7a%22%20d%3D%22M9.875%205.409A14.02%2014.02%200%200%200%202.01%2017.48a.51.51%200%200%200%20.508.519H5.52a.495.495%200%200%200%20.491-.481a10.01%2010.01%200%200%201%205.273-8.337a.494.494%200%200%200%20.243-.592l-.958-2.882a.505.505%200%200%200-.694-.3Zm11.556.299l-.958%202.882a.494.494%200%200%200%20.243.592a10.01%2010.01%200%200%201%205.273%208.337a.495.495%200%200%200%20.49.481h3.004a.51.51%200%200%200%20.508-.519A14.02%2014.02%200%200%200%2022.125%205.41a.505.505%200%200%200-.694.299ZM26%2020.5v9a.5.5%200%200%200%20.5.5h3a.5.5%200%200%200%20.5-.5v-9a.5.5%200%200%200-.5-.5h-3a.5.5%200%200%200-.5.5m-24%200v9a.5.5%200%200%200%20.5.5h3a.5.5%200%200%200%20.5-.5v-9a.5.5%200%200%200-.5-.5h-3a.5.5%200%200%200-.5.5%22%2F%3E%3Cpath%20fill%3D%22%23ffc400%22%20d%3D%22M16.13%2010h-.26A7.87%207.87%200%200%200%208%2017.87V29.5a.5.5%200%200%200%20.5.5h3a.5.5%200%200%200%20.5-.5V17.87A3.88%203.88%200%200%201%2015.87%2014h.26A3.88%203.88%200%200%201%2020%2017.87V29.5a.5.5%200%200%200%20.5.5h3a.5.5%200%200%200%20.5-.5V17.87A7.87%207.87%200%200%200%2016.13%2010m1.51-2h-3.28a.5.5%200%200%201-.474-.342l-1.667-5A.5.5%200%200%201%2012.694%202h6.612a.5.5%200%200%201%20.475.658l-1.667%205A.5.5%200%200%201%2017.64%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/rome.svg?color=%231a73e8&size=48
