rollbar icon logo
rollbar-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- rollbar-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×214
- License
- CC0
Use the rollbar icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 214"><path fill="#3c72ff" d="M256 6.354a7 7 0 0 0-.123-1.226c0-.123-.061-.233-.098-.356s-.16-.552-.257-.822l-.184-.392a5.4 5.4 0 0 0-.393-.674c-.086-.135-.171-.27-.27-.405l-.171-.233c-.098-.11-.209-.196-.307-.295l-.245-.294l-.196-.135a6 6 0 0 0-.564-.429l-.479-.307a6 6 0 0 0-.65-.294l-.515-.208c-.233-.074-.478-.11-.71-.16l-.528-.11a7 7 0 0 0-.871 0h-.49c-3.287.294-46.712 4.44-95.52 26.207c-29.31 13.036-51.998 33.05-66.272 57.344l-3.68 1.594C31.223 108.484 0 153.822 0 206.445v.883a6.36 6.36 0 0 0 3.679 5.764a6.45 6.45 0 0 0 2.686.588h173.467q.506.002 1.005-.085l.442-.11c.208-.062.417-.099.625-.173s.307-.147.466-.22s.368-.147.54-.246q.486-.286.92-.65l69.901-58.938a6.33 6.33 0 0 0 2.257-4.905V6.354zm-63.206 181.634l-6.708 5.654V68.248l57.197-48.208v125.394zM78.597 154.742h94.772v46.221H23.754zM158.59 37.847a327.7 327.7 0 0 1 69.669-21.793l-51.126 43.107a324.3 324.3 0 0 0-69.215 16.298c12.655-15.452 29.726-28.268 50.672-37.612M95.765 93.744a328.2 328.2 0 0 1 77.604-21.278v69.559H82.766a112.4 112.4 0 0 1 13-48.281m-17.45 8.118a126 126 0 0 0-8.413 43.548L13.49 193.016c4.268-38.679 27.237-71.03 64.825-91.154"/></svg>
React
import type { SVGProps } from "react";
export function LogosRollbarIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 214"><path fill="#3c72ff" d="M256 6.354a7 7 0 0 0-.123-1.226c0-.123-.061-.233-.098-.356s-.16-.552-.257-.822l-.184-.392a5.4 5.4 0 0 0-.393-.674c-.086-.135-.171-.27-.27-.405l-.171-.233c-.098-.11-.209-.196-.307-.295l-.245-.294l-.196-.135a6 6 0 0 0-.564-.429l-.479-.307a6 6 0 0 0-.65-.294l-.515-.208c-.233-.074-.478-.11-.71-.16l-.528-.11a7 7 0 0 0-.871 0h-.49c-3.287.294-46.712 4.44-95.52 26.207c-29.31 13.036-51.998 33.05-66.272 57.344l-3.68 1.594C31.223 108.484 0 153.822 0 206.445v.883a6.36 6.36 0 0 0 3.679 5.764a6.45 6.45 0 0 0 2.686.588h173.467q.506.002 1.005-.085l.442-.11c.208-.062.417-.099.625-.173s.307-.147.466-.22s.368-.147.54-.246q.486-.286.92-.65l69.901-58.938a6.33 6.33 0 0 0 2.257-4.905V6.354zm-63.206 181.634l-6.708 5.654V68.248l57.197-48.208v125.394zM78.597 154.742h94.772v46.221H23.754zM158.59 37.847a327.7 327.7 0 0 1 69.669-21.793l-51.126 43.107a324.3 324.3 0 0 0-69.215 16.298c12.655-15.452 29.726-28.268 50.672-37.612M95.765 93.744a328.2 328.2 0 0 1 77.604-21.278v69.559H82.766a112.4 112.4 0 0 1 13-48.281m-17.45 8.118a126 126 0 0 0-8.413 43.548L13.49 193.016c4.268-38.679 27.237-71.03 64.825-91.154"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 214"><path fill="#3c72ff" d="M256 6.354a7 7 0 0 0-.123-1.226c0-.123-.061-.233-.098-.356s-.16-.552-.257-.822l-.184-.392a5.4 5.4 0 0 0-.393-.674c-.086-.135-.171-.27-.27-.405l-.171-.233c-.098-.11-.209-.196-.307-.295l-.245-.294l-.196-.135a6 6 0 0 0-.564-.429l-.479-.307a6 6 0 0 0-.65-.294l-.515-.208c-.233-.074-.478-.11-.71-.16l-.528-.11a7 7 0 0 0-.871 0h-.49c-3.287.294-46.712 4.44-95.52 26.207c-29.31 13.036-51.998 33.05-66.272 57.344l-3.68 1.594C31.223 108.484 0 153.822 0 206.445v.883a6.36 6.36 0 0 0 3.679 5.764a6.45 6.45 0 0 0 2.686.588h173.467q.506.002 1.005-.085l.442-.11c.208-.062.417-.099.625-.173s.307-.147.466-.22s.368-.147.54-.246q.486-.286.92-.65l69.901-58.938a6.33 6.33 0 0 0 2.257-4.905V6.354zm-63.206 181.634l-6.708 5.654V68.248l57.197-48.208v125.394zM78.597 154.742h94.772v46.221H23.754zM158.59 37.847a327.7 327.7 0 0 1 69.669-21.793l-51.126 43.107a324.3 324.3 0 0 0-69.215 16.298c12.655-15.452 29.726-28.268 50.672-37.612M95.765 93.744a328.2 328.2 0 0 1 77.604-21.278v69.559H82.766a112.4 112.4 0 0 1 13-48.281m-17.45 8.118a126 126 0 0 0-8.413 43.548L13.49 193.016c4.268-38.679 27.237-71.03 64.825-91.154"/></svg> </template>
CSS
.icon-rollbar-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%20214%22%3E%3Cpath%20fill%3D%22%233c72ff%22%20d%3D%22M256%206.354a7%207%200%200%200-.123-1.226c0-.123-.061-.233-.098-.356s-.16-.552-.257-.822l-.184-.392a5.4%205.4%200%200%200-.393-.674c-.086-.135-.171-.27-.27-.405l-.171-.233c-.098-.11-.209-.196-.307-.295l-.245-.294l-.196-.135a6%206%200%200%200-.564-.429l-.479-.307a6%206%200%200%200-.65-.294l-.515-.208c-.233-.074-.478-.11-.71-.16l-.528-.11a7%207%200%200%200-.871%200h-.49c-3.287.294-46.712%204.44-95.52%2026.207c-29.31%2013.036-51.998%2033.05-66.272%2057.344l-3.68%201.594C31.223%20108.484%200%20153.822%200%20206.445v.883a6.36%206.36%200%200%200%203.679%205.764a6.45%206.45%200%200%200%202.686.588h173.467q.506.002%201.005-.085l.442-.11c.208-.062.417-.099.625-.173s.307-.147.466-.22s.368-.147.54-.246q.486-.286.92-.65l69.901-58.938a6.33%206.33%200%200%200%202.257-4.905V6.354zm-63.206%20181.634l-6.708%205.654V68.248l57.197-48.208v125.394zM78.597%20154.742h94.772v46.221H23.754zM158.59%2037.847a327.7%20327.7%200%200%201%2069.669-21.793l-51.126%2043.107a324.3%20324.3%200%200%200-69.215%2016.298c12.655-15.452%2029.726-28.268%2050.672-37.612M95.765%2093.744a328.2%20328.2%200%200%201%2077.604-21.278v69.559H82.766a112.4%20112.4%200%200%201%2013-48.281m-17.45%208.118a126%20126%200%200%200-8.413%2043.548L13.49%20193.016c4.268-38.679%2027.237-71.03%2064.825-91.154%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%20214%22%3E%3Cpath%20fill%3D%22%233c72ff%22%20d%3D%22M256%206.354a7%207%200%200%200-.123-1.226c0-.123-.061-.233-.098-.356s-.16-.552-.257-.822l-.184-.392a5.4%205.4%200%200%200-.393-.674c-.086-.135-.171-.27-.27-.405l-.171-.233c-.098-.11-.209-.196-.307-.295l-.245-.294l-.196-.135a6%206%200%200%200-.564-.429l-.479-.307a6%206%200%200%200-.65-.294l-.515-.208c-.233-.074-.478-.11-.71-.16l-.528-.11a7%207%200%200%200-.871%200h-.49c-3.287.294-46.712%204.44-95.52%2026.207c-29.31%2013.036-51.998%2033.05-66.272%2057.344l-3.68%201.594C31.223%20108.484%200%20153.822%200%20206.445v.883a6.36%206.36%200%200%200%203.679%205.764a6.45%206.45%200%200%200%202.686.588h173.467q.506.002%201.005-.085l.442-.11c.208-.062.417-.099.625-.173s.307-.147.466-.22s.368-.147.54-.246q.486-.286.92-.65l69.901-58.938a6.33%206.33%200%200%200%202.257-4.905V6.354zm-63.206%20181.634l-6.708%205.654V68.248l57.197-48.208v125.394zM78.597%20154.742h94.772v46.221H23.754zM158.59%2037.847a327.7%20327.7%200%200%201%2069.669-21.793l-51.126%2043.107a324.3%20324.3%200%200%200-69.215%2016.298c12.655-15.452%2029.726-28.268%2050.672-37.612M95.765%2093.744a328.2%20328.2%200%200%201%2077.604-21.278v69.559H82.766a112.4%20112.4%200%200%201%2013-48.281m-17.45%208.118a126%20126%200%200%200-8.413%2043.548L13.49%20193.016c4.268-38.679%2027.237-71.03%2064.825-91.154%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/rollbar-icon.svg?color=%231a73e8&size=48
