razor logo
razor-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- razor-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 razor 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(#SVGHcSWxdhd20)"><path fill="#4fa8ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.268 9.334a.71.71 0 0 0-.727.698v3.95c.005.382.34.687.737.683a.71.71 0 0 0 .717-.684v-3.949a.71.71 0 0 0-.727-.698m-2.422-1.937c-.403 0-.727.31-.727.688v7.811c-.01.383.31.698.712.707c.398.01.732-.29.742-.673V8.085c0-.378-.325-.688-.727-.688m-2.423-3.392c-.403 0-.727.305-.727.688v14.619c0 .378.324.683.727.683s.726-.305.726-.683V4.692c0-.382-.324-.687-.726-.687M12 7.881c-.402 0-.727.296-.727.664v6.425c0 .364.325.664.727.664s.727-.295.727-.664V8.545c0-.368-.325-.664-.727-.664M9.577 4.005c-.402 0-.726.305-.726.683v14.629c0 .378.324.683.726.683c.403 0 .727-.305.727-.683V4.683c0-.378-.324-.678-.727-.683zM7.155 6.428c-.403 0-.727.3-.727.669v9.807c0 .369.324.669.727.669s.726-.3.726-.669V7.097c0-.368-.324-.669-.726-.669M4.732 9.334c-.402 0-.727.3-.727.67V14c0 .363.325.664.727.664s.727-.3.727-.664v-3.998c0-.368-.325-.669-.727-.669"/></g><defs><clipPath id="SVGHcSWxdhd20"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRazorBackground(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(#SVGHcSWxdhd20)"><path fill="#4fa8ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.268 9.334a.71.71 0 0 0-.727.698v3.95c.005.382.34.687.737.683a.71.71 0 0 0 .717-.684v-3.949a.71.71 0 0 0-.727-.698m-2.422-1.937c-.403 0-.727.31-.727.688v7.811c-.01.383.31.698.712.707c.398.01.732-.29.742-.673V8.085c0-.378-.325-.688-.727-.688m-2.423-3.392c-.403 0-.727.305-.727.688v14.619c0 .378.324.683.727.683s.726-.305.726-.683V4.692c0-.382-.324-.687-.726-.687M12 7.881c-.402 0-.727.296-.727.664v6.425c0 .364.325.664.727.664s.727-.295.727-.664V8.545c0-.368-.325-.664-.727-.664M9.577 4.005c-.402 0-.726.305-.726.683v14.629c0 .378.324.683.726.683c.403 0 .727-.305.727-.683V4.683c0-.378-.324-.678-.727-.683zM7.155 6.428c-.403 0-.727.3-.727.669v9.807c0 .369.324.669.727.669s.726-.3.726-.669V7.097c0-.368-.324-.669-.726-.669M4.732 9.334c-.402 0-.727.3-.727.67V14c0 .363.325.664.727.664s.727-.3.727-.664v-3.998c0-.368-.325-.669-.727-.669"/></g><defs><clipPath id="SVGHcSWxdhd20"><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(#SVGHcSWxdhd20)"><path fill="#4fa8ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.268 9.334a.71.71 0 0 0-.727.698v3.95c.005.382.34.687.737.683a.71.71 0 0 0 .717-.684v-3.949a.71.71 0 0 0-.727-.698m-2.422-1.937c-.403 0-.727.31-.727.688v7.811c-.01.383.31.698.712.707c.398.01.732-.29.742-.673V8.085c0-.378-.325-.688-.727-.688m-2.423-3.392c-.403 0-.727.305-.727.688v14.619c0 .378.324.683.727.683s.726-.305.726-.683V4.692c0-.382-.324-.687-.726-.687M12 7.881c-.402 0-.727.296-.727.664v6.425c0 .364.325.664.727.664s.727-.295.727-.664V8.545c0-.368-.325-.664-.727-.664M9.577 4.005c-.402 0-.726.305-.726.683v14.629c0 .378.324.683.726.683c.403 0 .727-.305.727-.683V4.683c0-.378-.324-.678-.727-.683zM7.155 6.428c-.403 0-.727.3-.727.669v9.807c0 .369.324.669.727.669s.726-.3.726-.669V7.097c0-.368-.324-.669-.726-.669M4.732 9.334c-.402 0-.727.3-.727.67V14c0 .363.325.664.727.664s.727-.3.727-.664v-3.998c0-.368-.325-.669-.727-.669"/></g><defs><clipPath id="SVGHcSWxdhd20"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-razor-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(%23SVGHcSWxdhd20)%22%3E%3Cpath%20fill%3D%22%234fa8ff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.268%209.334a.71.71%200%200%200-.727.698v3.95c.005.382.34.687.737.683a.71.71%200%200%200%20.717-.684v-3.949a.71.71%200%200%200-.727-.698m-2.422-1.937c-.403%200-.727.31-.727.688v7.811c-.01.383.31.698.712.707c.398.01.732-.29.742-.673V8.085c0-.378-.325-.688-.727-.688m-2.423-3.392c-.403%200-.727.305-.727.688v14.619c0%20.378.324.683.727.683s.726-.305.726-.683V4.692c0-.382-.324-.687-.726-.687M12%207.881c-.402%200-.727.296-.727.664v6.425c0%20.364.325.664.727.664s.727-.295.727-.664V8.545c0-.368-.325-.664-.727-.664M9.577%204.005c-.402%200-.726.305-.726.683v14.629c0%20.378.324.683.726.683c.403%200%20.727-.305.727-.683V4.683c0-.378-.324-.678-.727-.683zM7.155%206.428c-.403%200-.727.3-.727.669v9.807c0%20.369.324.669.727.669s.726-.3.726-.669V7.097c0-.368-.324-.669-.726-.669M4.732%209.334c-.402%200-.727.3-.727.67V14c0%20.363.325.664.727.664s.727-.3.727-.664v-3.998c0-.368-.325-.669-.727-.669%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd20%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(%23SVGHcSWxdhd20)%22%3E%3Cpath%20fill%3D%22%234fa8ff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.268%209.334a.71.71%200%200%200-.727.698v3.95c.005.382.34.687.737.683a.71.71%200%200%200%20.717-.684v-3.949a.71.71%200%200%200-.727-.698m-2.422-1.937c-.403%200-.727.31-.727.688v7.811c-.01.383.31.698.712.707c.398.01.732-.29.742-.673V8.085c0-.378-.325-.688-.727-.688m-2.423-3.392c-.403%200-.727.305-.727.688v14.619c0%20.378.324.683.727.683s.726-.305.726-.683V4.692c0-.382-.324-.687-.726-.687M12%207.881c-.402%200-.727.296-.727.664v6.425c0%20.364.325.664.727.664s.727-.295.727-.664V8.545c0-.368-.325-.664-.727-.664M9.577%204.005c-.402%200-.726.305-.726.683v14.629c0%20.378.324.683.726.683c.403%200%20.727-.305.727-.683V4.683c0-.378-.324-.678-.727-.683zM7.155%206.428c-.403%200-.727.3-.727.669v9.807c0%20.369.324.669.727.669s.726-.3.726-.669V7.097c0-.368-.324-.669-.726-.669M4.732%209.334c-.402%200-.727.3-.727.67V14c0%20.363.325.664.727.664s.727-.3.727-.664v-3.998c0-.368-.325-.669-.727-.669%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd20%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/razor-background.svg?color=%231a73e8&size=48
