razor logo
razor from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- razor
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M20.177 9.001c-.453 0-.818.35-.818.785v4.443c.006.43.382.774.829.769a.8.8 0 0 0 .806-.769V9.786c0-.436-.365-.785-.817-.785m-2.726-2.179c-.452 0-.817.349-.817.774v8.787c-.011.43.349.785.801.796c.447.011.823-.327.834-.758V7.596c0-.425-.365-.774-.818-.774m-2.725-3.817c-.453 0-.818.344-.818.774v16.447c0 .425.365.768.818.768s.817-.343.817-.768V3.779c0-.43-.365-.774-.817-.774M12 7.367c-.453 0-.818.332-.818.747v7.228c0 .409.365.747.818.747s.818-.333.818-.747V8.114c0-.415-.366-.747-.818-.747M9.274 3.005c-.452 0-.817.344-.817.77V20.23c0 .426.365.769.817.769c.453 0 .818-.343.818-.769V3.77c0-.426-.365-.764-.818-.769zM6.549 5.732c-.453 0-.818.338-.818.752v11.033c0 .415.365.753.818.753s.818-.338.818-.753V6.484c0-.414-.366-.752-.818-.752M3.823 9.001c-.452 0-.818.338-.818.753v4.497c0 .409.366.747.818.747c.453 0 .818-.338.818-.747V9.754c0-.415-.365-.753-.818-.753"/></svg>
React
import type { SVGProps } from "react";
export function TokenRazor(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="M20.177 9.001c-.453 0-.818.35-.818.785v4.443c.006.43.382.774.829.769a.8.8 0 0 0 .806-.769V9.786c0-.436-.365-.785-.817-.785m-2.726-2.179c-.452 0-.817.349-.817.774v8.787c-.011.43.349.785.801.796c.447.011.823-.327.834-.758V7.596c0-.425-.365-.774-.818-.774m-2.725-3.817c-.453 0-.818.344-.818.774v16.447c0 .425.365.768.818.768s.817-.343.817-.768V3.779c0-.43-.365-.774-.817-.774M12 7.367c-.453 0-.818.332-.818.747v7.228c0 .409.365.747.818.747s.818-.333.818-.747V8.114c0-.415-.366-.747-.818-.747M9.274 3.005c-.452 0-.817.344-.817.77V20.23c0 .426.365.769.817.769c.453 0 .818-.343.818-.769V3.77c0-.426-.365-.764-.818-.769zM6.549 5.732c-.453 0-.818.338-.818.752v11.033c0 .415.365.753.818.753s.818-.338.818-.753V6.484c0-.414-.366-.752-.818-.752M3.823 9.001c-.452 0-.818.338-.818.753v4.497c0 .409.366.747.818.747c.453 0 .818-.338.818-.747V9.754c0-.415-.365-.753-.818-.753"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.177 9.001c-.453 0-.818.35-.818.785v4.443c.006.43.382.774.829.769a.8.8 0 0 0 .806-.769V9.786c0-.436-.365-.785-.817-.785m-2.726-2.179c-.452 0-.817.349-.817.774v8.787c-.011.43.349.785.801.796c.447.011.823-.327.834-.758V7.596c0-.425-.365-.774-.818-.774m-2.725-3.817c-.453 0-.818.344-.818.774v16.447c0 .425.365.768.818.768s.817-.343.817-.768V3.779c0-.43-.365-.774-.817-.774M12 7.367c-.453 0-.818.332-.818.747v7.228c0 .409.365.747.818.747s.818-.333.818-.747V8.114c0-.415-.366-.747-.818-.747M9.274 3.005c-.452 0-.817.344-.817.77V20.23c0 .426.365.769.817.769c.453 0 .818-.343.818-.769V3.77c0-.426-.365-.764-.818-.769zM6.549 5.732c-.453 0-.818.338-.818.752v11.033c0 .415.365.753.818.753s.818-.338.818-.753V6.484c0-.414-.366-.752-.818-.752M3.823 9.001c-.452 0-.818.338-.818.753v4.497c0 .409.366.747.818.747c.453 0 .818-.338.818-.747V9.754c0-.415-.365-.753-.818-.753"/></svg> </template>
CSS
.icon-razor {
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%22M20.177%209.001c-.453%200-.818.35-.818.785v4.443c.006.43.382.774.829.769a.8.8%200%200%200%20.806-.769V9.786c0-.436-.365-.785-.817-.785m-2.726-2.179c-.452%200-.817.349-.817.774v8.787c-.011.43.349.785.801.796c.447.011.823-.327.834-.758V7.596c0-.425-.365-.774-.818-.774m-2.725-3.817c-.453%200-.818.344-.818.774v16.447c0%20.425.365.768.818.768s.817-.343.817-.768V3.779c0-.43-.365-.774-.817-.774M12%207.367c-.453%200-.818.332-.818.747v7.228c0%20.409.365.747.818.747s.818-.333.818-.747V8.114c0-.415-.366-.747-.818-.747M9.274%203.005c-.452%200-.817.344-.817.77V20.23c0%20.426.365.769.817.769c.453%200%20.818-.343.818-.769V3.77c0-.426-.365-.764-.818-.769zM6.549%205.732c-.453%200-.818.338-.818.752v11.033c0%20.415.365.753.818.753s.818-.338.818-.753V6.484c0-.414-.366-.752-.818-.752M3.823%209.001c-.452%200-.818.338-.818.753v4.497c0%20.409.366.747.818.747c.453%200%20.818-.338.818-.747V9.754c0-.415-.365-.753-.818-.753%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%22M20.177%209.001c-.453%200-.818.35-.818.785v4.443c.006.43.382.774.829.769a.8.8%200%200%200%20.806-.769V9.786c0-.436-.365-.785-.817-.785m-2.726-2.179c-.452%200-.817.349-.817.774v8.787c-.011.43.349.785.801.796c.447.011.823-.327.834-.758V7.596c0-.425-.365-.774-.818-.774m-2.725-3.817c-.453%200-.818.344-.818.774v16.447c0%20.425.365.768.818.768s.817-.343.817-.768V3.779c0-.43-.365-.774-.817-.774M12%207.367c-.453%200-.818.332-.818.747v7.228c0%20.409.365.747.818.747s.818-.333.818-.747V8.114c0-.415-.366-.747-.818-.747M9.274%203.005c-.452%200-.817.344-.817.77V20.23c0%20.426.365.769.817.769c.453%200%20.818-.343.818-.769V3.77c0-.426-.365-.764-.818-.769zM6.549%205.732c-.453%200-.818.338-.818.752v11.033c0%20.415.365.753.818.753s.818-.338.818-.753V6.484c0-.414-.366-.752-.818-.752M3.823%209.001c-.452%200-.818.338-.818.753v4.497c0%20.409.366.747.818.747c.453%200%20.818-.338.818-.747V9.754c0-.415-.365-.753-.818-.753%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/razor.svg?color=%231a73e8&size=48
