valor logo
valor from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- valor
- 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 valor logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#d8191e" d="m20.995 3.1l-1.121 2.425a.1.1 0 0 1-.033.035a.1.1 0 0 1-.047.012h-3.209a.09.09 0 0 1-.073-.035a.07.07 0 0 1-.003-.071l.003-.006l1.164-2.413a.08.08 0 0 1 .08-.046h3.159q.02 0 .04.008a.1.1 0 0 1 .032.025q.01.014.013.032a.1.1 0 0 1-.005.034m-2.674 5.686h-9.78L7.493 6.215h5.777c.036 0 .068-.043.08-.077l1.041-3.015q.008-.02.005-.042a.1.1 0 0 0-.014-.04a.09.09 0 0 0-.071-.04H3.086a.08.08 0 0 0-.07.04a.09.09 0 0 0-.01.082l3.328 8.82a.09.09 0 0 0 .08.056h7.529l-2.08 5.864l-1.136-3.23a.084.084 0 0 0-.08-.058l-3.154-.003a.08.08 0 0 0-.069.038a.1.1 0 0 0-.009.085l2.287 6.247a.084.084 0 0 0 .08.058h4.146a.1.1 0 0 0 .049-.016a.1.1 0 0 0 .03-.04L18.401 8.93c.01-.027.016-.073 0-.097c-.01-.014-.043-.048-.08-.048"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedValor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#d8191e" d="m20.995 3.1l-1.121 2.425a.1.1 0 0 1-.033.035a.1.1 0 0 1-.047.012h-3.209a.09.09 0 0 1-.073-.035a.07.07 0 0 1-.003-.071l.003-.006l1.164-2.413a.08.08 0 0 1 .08-.046h3.159q.02 0 .04.008a.1.1 0 0 1 .032.025q.01.014.013.032a.1.1 0 0 1-.005.034m-2.674 5.686h-9.78L7.493 6.215h5.777c.036 0 .068-.043.08-.077l1.041-3.015q.008-.02.005-.042a.1.1 0 0 0-.014-.04a.09.09 0 0 0-.071-.04H3.086a.08.08 0 0 0-.07.04a.09.09 0 0 0-.01.082l3.328 8.82a.09.09 0 0 0 .08.056h7.529l-2.08 5.864l-1.136-3.23a.084.084 0 0 0-.08-.058l-3.154-.003a.08.08 0 0 0-.069.038a.1.1 0 0 0-.009.085l2.287 6.247a.084.084 0 0 0 .08.058h4.146a.1.1 0 0 0 .049-.016a.1.1 0 0 0 .03-.04L18.401 8.93c.01-.027.016-.073 0-.097c-.01-.014-.043-.048-.08-.048"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#d8191e" d="m20.995 3.1l-1.121 2.425a.1.1 0 0 1-.033.035a.1.1 0 0 1-.047.012h-3.209a.09.09 0 0 1-.073-.035a.07.07 0 0 1-.003-.071l.003-.006l1.164-2.413a.08.08 0 0 1 .08-.046h3.159q.02 0 .04.008a.1.1 0 0 1 .032.025q.01.014.013.032a.1.1 0 0 1-.005.034m-2.674 5.686h-9.78L7.493 6.215h5.777c.036 0 .068-.043.08-.077l1.041-3.015q.008-.02.005-.042a.1.1 0 0 0-.014-.04a.09.09 0 0 0-.071-.04H3.086a.08.08 0 0 0-.07.04a.09.09 0 0 0-.01.082l3.328 8.82a.09.09 0 0 0 .08.056h7.529l-2.08 5.864l-1.136-3.23a.084.084 0 0 0-.08-.058l-3.154-.003a.08.08 0 0 0-.069.038a.1.1 0 0 0-.009.085l2.287 6.247a.084.084 0 0 0 .08.058h4.146a.1.1 0 0 0 .049-.016a.1.1 0 0 0 .03-.04L18.401 8.93c.01-.027.016-.073 0-.097c-.01-.014-.043-.048-.08-.048"/></svg> </template>
CSS
.icon-valor {
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%22%23d8191e%22%20d%3D%22m20.995%203.1l-1.121%202.425a.1.1%200%200%201-.033.035a.1.1%200%200%201-.047.012h-3.209a.09.09%200%200%201-.073-.035a.07.07%200%200%201-.003-.071l.003-.006l1.164-2.413a.08.08%200%200%201%20.08-.046h3.159q.02%200%20.04.008a.1.1%200%200%201%20.032.025q.01.014.013.032a.1.1%200%200%201-.005.034m-2.674%205.686h-9.78L7.493%206.215h5.777c.036%200%20.068-.043.08-.077l1.041-3.015q.008-.02.005-.042a.1.1%200%200%200-.014-.04a.09.09%200%200%200-.071-.04H3.086a.08.08%200%200%200-.07.04a.09.09%200%200%200-.01.082l3.328%208.82a.09.09%200%200%200%20.08.056h7.529l-2.08%205.864l-1.136-3.23a.084.084%200%200%200-.08-.058l-3.154-.003a.08.08%200%200%200-.069.038a.1.1%200%200%200-.009.085l2.287%206.247a.084.084%200%200%200%20.08.058h4.146a.1.1%200%200%200%20.049-.016a.1.1%200%200%200%20.03-.04L18.401%208.93c.01-.027.016-.073%200-.097c-.01-.014-.043-.048-.08-.048%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%22%23d8191e%22%20d%3D%22m20.995%203.1l-1.121%202.425a.1.1%200%200%201-.033.035a.1.1%200%200%201-.047.012h-3.209a.09.09%200%200%201-.073-.035a.07.07%200%200%201-.003-.071l.003-.006l1.164-2.413a.08.08%200%200%201%20.08-.046h3.159q.02%200%20.04.008a.1.1%200%200%201%20.032.025q.01.014.013.032a.1.1%200%200%201-.005.034m-2.674%205.686h-9.78L7.493%206.215h5.777c.036%200%20.068-.043.08-.077l1.041-3.015q.008-.02.005-.042a.1.1%200%200%200-.014-.04a.09.09%200%200%200-.071-.04H3.086a.08.08%200%200%200-.07.04a.09.09%200%200%200-.01.082l3.328%208.82a.09.09%200%200%200%20.08.056h7.529l-2.08%205.864l-1.136-3.23a.084.084%200%200%200-.08-.058l-3.154-.003a.08.08%200%200%200-.069.038a.1.1%200%200%200-.009.085l2.287%206.247a.084.084%200%200%200%20.08.058h4.146a.1.1%200%200%200%20.049-.016a.1.1%200%200%200%20.03-.04L18.401%208.93c.01-.027.016-.073%200-.097c-.01-.014-.043-.048-.08-.048%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/valor.svg?color=%231a73e8&size=48
