ronin logo
ronin from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- ronin
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the ronin logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#000" d="m18.171 3l-.098.264l-.323.844l-.214.545c-1.627 4.08-2.893 6.018-4.239 6.018a2.42 2.42 0 0 1-1.828-.759l-.172-.158c-.427-.4-.607-.498-1.019-.498c-.214 0-.598.277-1.083.927a16.6 16.6 0 0 0-1.648 2.979l-.054.122h5.772l-.719 1.515h-5.39V21H5.572V3zm-2.246 1.512H7.157v5.998c1.05-1.847 2.049-2.774 3.123-2.774a2.58 2.58 0 0 1 1.948.793l.177.163c.4.373.553.459.894.459c.375 0 1.373-1.605 2.626-4.64"/><path fill="#004de5" fill-rule="evenodd" d="M5.571 4.385V15.49a1.38 1.38 0 0 0 .522 1.08l5.255 4.202a1.045 1.045 0 0 0 1.303 0l5.256-4.202a1.38 1.38 0 0 0 .521-1.08V4.385c0-.368-.146-.72-.407-.98A1.4 1.4 0 0 0 17.038 3H6.961a1.384 1.384 0 0 0-1.39 1.385" clip-rule="evenodd"/><path fill="url(#SVGKxfeNdEg)" d="M15.747 9.417v-2.42c0-.322-.126-.63-.351-.856a1.2 1.2 0 0 0-.848-.355H9.449c-.318 0-.623.128-.848.355a1.22 1.22 0 0 0-.351.855v7.023a1.22 1.22 0 0 0 .45.944l1.856 1.504a.148.148 0 0 0 .221-.037a.15.15 0 0 0 .023-.081v-4.966q.001-.062.044-.107a.15.15 0 0 1 .106-.044h1.35a.91.91 0 0 1 .9.908v4.209a.15.15 0 0 0 .085.136a.15.15 0 0 0 .159-.018l1.856-1.504a1.21 1.21 0 0 0 .45-.944v-2.182c0-.321-.127-.629-.352-.856a1.2 1.2 0 0 0-.848-.354c.318 0 .622-.129.847-.355c.224-.227.35-.535.35-.855m-3.449.605h-1.35a.15.15 0 0 1-.15-.152V7.148c0-.04.017-.079.045-.107a.15.15 0 0 1 .106-.045h2.099a.15.15 0 0 1 .106.045a.15.15 0 0 1 .044.107v1.966c0 .24-.095.472-.264.642a.9.9 0 0 1-.636.266"/><defs><linearGradient id="SVGKxfeNdEg" x1="11.999" x2="11.999" y1="5.786" y2="16.5" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".458" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedRonin(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"><path fill="#000" d="m18.171 3l-.098.264l-.323.844l-.214.545c-1.627 4.08-2.893 6.018-4.239 6.018a2.42 2.42 0 0 1-1.828-.759l-.172-.158c-.427-.4-.607-.498-1.019-.498c-.214 0-.598.277-1.083.927a16.6 16.6 0 0 0-1.648 2.979l-.054.122h5.772l-.719 1.515h-5.39V21H5.572V3zm-2.246 1.512H7.157v5.998c1.05-1.847 2.049-2.774 3.123-2.774a2.58 2.58 0 0 1 1.948.793l.177.163c.4.373.553.459.894.459c.375 0 1.373-1.605 2.626-4.64"/><path fill="#004de5" fillRule="evenodd" d="M5.571 4.385V15.49a1.38 1.38 0 0 0 .522 1.08l5.255 4.202a1.045 1.045 0 0 0 1.303 0l5.256-4.202a1.38 1.38 0 0 0 .521-1.08V4.385c0-.368-.146-.72-.407-.98A1.4 1.4 0 0 0 17.038 3H6.961a1.384 1.384 0 0 0-1.39 1.385" clipRule="evenodd"/><path fill="url(#SVGKxfeNdEg)" d="M15.747 9.417v-2.42c0-.322-.126-.63-.351-.856a1.2 1.2 0 0 0-.848-.355H9.449c-.318 0-.623.128-.848.355a1.22 1.22 0 0 0-.351.855v7.023a1.22 1.22 0 0 0 .45.944l1.856 1.504a.148.148 0 0 0 .221-.037a.15.15 0 0 0 .023-.081v-4.966q.001-.062.044-.107a.15.15 0 0 1 .106-.044h1.35a.91.91 0 0 1 .9.908v4.209a.15.15 0 0 0 .085.136a.15.15 0 0 0 .159-.018l1.856-1.504a1.21 1.21 0 0 0 .45-.944v-2.182c0-.321-.127-.629-.352-.856a1.2 1.2 0 0 0-.848-.354c.318 0 .622-.129.847-.355c.224-.227.35-.535.35-.855m-3.449.605h-1.35a.15.15 0 0 1-.15-.152V7.148c0-.04.017-.079.045-.107a.15.15 0 0 1 .106-.045h2.099a.15.15 0 0 1 .106.045a.15.15 0 0 1 .044.107v1.966c0 .24-.095.472-.264.642a.9.9 0 0 1-.636.266"/><defs><linearGradient id="SVGKxfeNdEg" x1="11.999" x2="11.999" y1="5.786" y2="16.5" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset=".458" stopColor="#fff"/><stop offset="1" stopColor="#fff"/></linearGradient></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"><path fill="#000" d="m18.171 3l-.098.264l-.323.844l-.214.545c-1.627 4.08-2.893 6.018-4.239 6.018a2.42 2.42 0 0 1-1.828-.759l-.172-.158c-.427-.4-.607-.498-1.019-.498c-.214 0-.598.277-1.083.927a16.6 16.6 0 0 0-1.648 2.979l-.054.122h5.772l-.719 1.515h-5.39V21H5.572V3zm-2.246 1.512H7.157v5.998c1.05-1.847 2.049-2.774 3.123-2.774a2.58 2.58 0 0 1 1.948.793l.177.163c.4.373.553.459.894.459c.375 0 1.373-1.605 2.626-4.64"/><path fill="#004de5" fill-rule="evenodd" d="M5.571 4.385V15.49a1.38 1.38 0 0 0 .522 1.08l5.255 4.202a1.045 1.045 0 0 0 1.303 0l5.256-4.202a1.38 1.38 0 0 0 .521-1.08V4.385c0-.368-.146-.72-.407-.98A1.4 1.4 0 0 0 17.038 3H6.961a1.384 1.384 0 0 0-1.39 1.385" clip-rule="evenodd"/><path fill="url(#SVGKxfeNdEg)" d="M15.747 9.417v-2.42c0-.322-.126-.63-.351-.856a1.2 1.2 0 0 0-.848-.355H9.449c-.318 0-.623.128-.848.355a1.22 1.22 0 0 0-.351.855v7.023a1.22 1.22 0 0 0 .45.944l1.856 1.504a.148.148 0 0 0 .221-.037a.15.15 0 0 0 .023-.081v-4.966q.001-.062.044-.107a.15.15 0 0 1 .106-.044h1.35a.91.91 0 0 1 .9.908v4.209a.15.15 0 0 0 .085.136a.15.15 0 0 0 .159-.018l1.856-1.504a1.21 1.21 0 0 0 .45-.944v-2.182c0-.321-.127-.629-.352-.856a1.2 1.2 0 0 0-.848-.354c.318 0 .622-.129.847-.355c.224-.227.35-.535.35-.855m-3.449.605h-1.35a.15.15 0 0 1-.15-.152V7.148c0-.04.017-.079.045-.107a.15.15 0 0 1 .106-.045h2.099a.15.15 0 0 1 .106.045a.15.15 0 0 1 .044.107v1.966c0 .24-.095.472-.264.642a.9.9 0 0 1-.636.266"/><defs><linearGradient id="SVGKxfeNdEg" x1="11.999" x2="11.999" y1="5.786" y2="16.5" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".458" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></g></svg> </template>
CSS
.icon-ronin {
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%3Cpath%20fill%3D%22%23000%22%20d%3D%22m18.171%203l-.098.264l-.323.844l-.214.545c-1.627%204.08-2.893%206.018-4.239%206.018a2.42%202.42%200%200%201-1.828-.759l-.172-.158c-.427-.4-.607-.498-1.019-.498c-.214%200-.598.277-1.083.927a16.6%2016.6%200%200%200-1.648%202.979l-.054.122h5.772l-.719%201.515h-5.39V21H5.572V3zm-2.246%201.512H7.157v5.998c1.05-1.847%202.049-2.774%203.123-2.774a2.58%202.58%200%200%201%201.948.793l.177.163c.4.373.553.459.894.459c.375%200%201.373-1.605%202.626-4.64%22%2F%3E%3Cpath%20fill%3D%22%23004de5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.571%204.385V15.49a1.38%201.38%200%200%200%20.522%201.08l5.255%204.202a1.045%201.045%200%200%200%201.303%200l5.256-4.202a1.38%201.38%200%200%200%20.521-1.08V4.385c0-.368-.146-.72-.407-.98A1.4%201.4%200%200%200%2017.038%203H6.961a1.384%201.384%200%200%200-1.39%201.385%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKxfeNdEg)%22%20d%3D%22M15.747%209.417v-2.42c0-.322-.126-.63-.351-.856a1.2%201.2%200%200%200-.848-.355H9.449c-.318%200-.623.128-.848.355a1.22%201.22%200%200%200-.351.855v7.023a1.22%201.22%200%200%200%20.45.944l1.856%201.504a.148.148%200%200%200%20.221-.037a.15.15%200%200%200%20.023-.081v-4.966q.001-.062.044-.107a.15.15%200%200%201%20.106-.044h1.35a.91.91%200%200%201%20.9.908v4.209a.15.15%200%200%200%20.085.136a.15.15%200%200%200%20.159-.018l1.856-1.504a1.21%201.21%200%200%200%20.45-.944v-2.182c0-.321-.127-.629-.352-.856a1.2%201.2%200%200%200-.848-.354c.318%200%20.622-.129.847-.355c.224-.227.35-.535.35-.855m-3.449.605h-1.35a.15.15%200%200%201-.15-.152V7.148c0-.04.017-.079.045-.107a.15.15%200%200%201%20.106-.045h2.099a.15.15%200%200%201%20.106.045a.15.15%200%200%201%20.044.107v1.966c0%20.24-.095.472-.264.642a.9.9%200%200%201-.636.266%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGKxfeNdEg%22%20x1%3D%2211.999%22%20x2%3D%2211.999%22%20y1%3D%225.786%22%20y2%3D%2216.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.458%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22%23000%22%20d%3D%22m18.171%203l-.098.264l-.323.844l-.214.545c-1.627%204.08-2.893%206.018-4.239%206.018a2.42%202.42%200%200%201-1.828-.759l-.172-.158c-.427-.4-.607-.498-1.019-.498c-.214%200-.598.277-1.083.927a16.6%2016.6%200%200%200-1.648%202.979l-.054.122h5.772l-.719%201.515h-5.39V21H5.572V3zm-2.246%201.512H7.157v5.998c1.05-1.847%202.049-2.774%203.123-2.774a2.58%202.58%200%200%201%201.948.793l.177.163c.4.373.553.459.894.459c.375%200%201.373-1.605%202.626-4.64%22%2F%3E%3Cpath%20fill%3D%22%23004de5%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.571%204.385V15.49a1.38%201.38%200%200%200%20.522%201.08l5.255%204.202a1.045%201.045%200%200%200%201.303%200l5.256-4.202a1.38%201.38%200%200%200%20.521-1.08V4.385c0-.368-.146-.72-.407-.98A1.4%201.4%200%200%200%2017.038%203H6.961a1.384%201.384%200%200%200-1.39%201.385%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGKxfeNdEg)%22%20d%3D%22M15.747%209.417v-2.42c0-.322-.126-.63-.351-.856a1.2%201.2%200%200%200-.848-.355H9.449c-.318%200-.623.128-.848.355a1.22%201.22%200%200%200-.351.855v7.023a1.22%201.22%200%200%200%20.45.944l1.856%201.504a.148.148%200%200%200%20.221-.037a.15.15%200%200%200%20.023-.081v-4.966q.001-.062.044-.107a.15.15%200%200%201%20.106-.044h1.35a.91.91%200%200%201%20.9.908v4.209a.15.15%200%200%200%20.085.136a.15.15%200%200%200%20.159-.018l1.856-1.504a1.21%201.21%200%200%200%20.45-.944v-2.182c0-.321-.127-.629-.352-.856a1.2%201.2%200%200%200-.848-.354c.318%200%20.622-.129.847-.355c.224-.227.35-.535.35-.855m-3.449.605h-1.35a.15.15%200%200%201-.15-.152V7.148c0-.04.017-.079.045-.107a.15.15%200%200%201%20.106-.045h2.099a.15.15%200%200%201%20.106.045a.15.15%200%200%201%20.044.107v1.966c0%20.24-.095.472-.264.642a.9.9%200%200%201-.636.266%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGKxfeNdEg%22%20x1%3D%2211.999%22%20x2%3D%2211.999%22%20y1%3D%225.786%22%20y2%3D%2216.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.458%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%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/ronin.svg?color=%231a73e8&size=48
