scar logo
scar-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- scar-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the scar 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(#SVGHcSWxdhd130)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#8c8b8a" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.058m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="url(#SVGWTgywcDA)" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06"/><path fill="url(#SVGWFYbYiue)" fill-rule="evenodd" d="M9.177 7.294c-.565 0-.861-.626-.941-.941l1.882.47c-.08.155-.376.47-.94.47m5.647 0c-.376 0-.786-.316-.941-.47l1.882-.471c-.155.315-.564.94-.94.94m-5.176.94c-1.506 0-2.508 1.568-2.824 2.354c.565-.565 1.647-1.021 2.118-1.177C8 9.976 7.765 12 7.765 12.941l1.412 1.882V12.47c0-.235 0-1.412 2.824-1.412c2.258 0 2.823.942 2.823 1.412v2.353l1.412-1.882c0-1.694-.786-3.06-1.177-3.53c.753 0 1.728.786 2.118 1.177c-.188-1.694-2.118-2.273-3.059-2.353h-1.647v.47c0 .189-.315.391-.47.471c-.188 0-.39-.315-.47-.47v-.471zm.94 3.766c-.314 0-.94.094-.94.47h4.706c0-.155-.189-.47-.942-.47zm2.824 1.176h-3.058c.315-.155 1.082-.47 1.647-.47c.564 0 1.176.315 1.411.47m-1.411 4.941l-2.353-4.47h.94l1.413 2.823l1.411-2.823h.942zm-2.589-8l.024-.06c.122-.142.64-.175.918-.175c.315.235 1.082.706 1.647.706c.564 0 1.332-.47 1.647-.706l.706.235c-.189-.564-.706-1.176-.942-1.412c-.155.471-.658 1.412-1.411 1.412s-1.257-.94-1.412-1.412c-.537.18-.974.942-1.153 1.351a.1.1 0 0 0-.024.061" clip-rule="evenodd"/></g><defs><linearGradient id="SVGWTgywcDA" x1="16.706" x2="7.294" y1="6.588" y2="17.647" gradientUnits="userSpaceOnUse"><stop stop-color="#878585"/><stop offset="1" stop-color="#010101"/></linearGradient><linearGradient id="SVGWFYbYiue" x1="14.589" x2="4.236" y1="6.353" y2="13.411" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfcfd"/><stop offset="1" stop-color="#5c5b5a"/></linearGradient><clipPath id="SVGHcSWxdhd130"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedScarBackground(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(#SVGHcSWxdhd130)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#8c8b8a" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.058m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="url(#SVGWTgywcDA)" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06"/><path fill="url(#SVGWFYbYiue)" fillRule="evenodd" d="M9.177 7.294c-.565 0-.861-.626-.941-.941l1.882.47c-.08.155-.376.47-.94.47m5.647 0c-.376 0-.786-.316-.941-.47l1.882-.471c-.155.315-.564.94-.94.94m-5.176.94c-1.506 0-2.508 1.568-2.824 2.354c.565-.565 1.647-1.021 2.118-1.177C8 9.976 7.765 12 7.765 12.941l1.412 1.882V12.47c0-.235 0-1.412 2.824-1.412c2.258 0 2.823.942 2.823 1.412v2.353l1.412-1.882c0-1.694-.786-3.06-1.177-3.53c.753 0 1.728.786 2.118 1.177c-.188-1.694-2.118-2.273-3.059-2.353h-1.647v.47c0 .189-.315.391-.47.471c-.188 0-.39-.315-.47-.47v-.471zm.94 3.766c-.314 0-.94.094-.94.47h4.706c0-.155-.189-.47-.942-.47zm2.824 1.176h-3.058c.315-.155 1.082-.47 1.647-.47c.564 0 1.176.315 1.411.47m-1.411 4.941l-2.353-4.47h.94l1.413 2.823l1.411-2.823h.942zm-2.589-8l.024-.06c.122-.142.64-.175.918-.175c.315.235 1.082.706 1.647.706c.564 0 1.332-.47 1.647-.706l.706.235c-.189-.564-.706-1.176-.942-1.412c-.155.471-.658 1.412-1.411 1.412s-1.257-.94-1.412-1.412c-.537.18-.974.942-1.153 1.351a.1.1 0 0 0-.024.061" clipRule="evenodd"/></g><defs><linearGradient id="SVGWTgywcDA" x1="16.706" x2="7.294" y1="6.588" y2="17.647" gradientUnits="userSpaceOnUse"><stop stopColor="#878585"/><stop offset="1" stopColor="#010101"/></linearGradient><linearGradient id="SVGWFYbYiue" x1="14.589" x2="4.236" y1="6.353" y2="13.411" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfcfd"/><stop offset="1" stopColor="#5c5b5a"/></linearGradient><clipPath id="SVGHcSWxdhd130"><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(#SVGHcSWxdhd130)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#8c8b8a" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.058m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="url(#SVGWTgywcDA)" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06"/><path fill="url(#SVGWFYbYiue)" fill-rule="evenodd" d="M9.177 7.294c-.565 0-.861-.626-.941-.941l1.882.47c-.08.155-.376.47-.94.47m5.647 0c-.376 0-.786-.316-.941-.47l1.882-.471c-.155.315-.564.94-.94.94m-5.176.94c-1.506 0-2.508 1.568-2.824 2.354c.565-.565 1.647-1.021 2.118-1.177C8 9.976 7.765 12 7.765 12.941l1.412 1.882V12.47c0-.235 0-1.412 2.824-1.412c2.258 0 2.823.942 2.823 1.412v2.353l1.412-1.882c0-1.694-.786-3.06-1.177-3.53c.753 0 1.728.786 2.118 1.177c-.188-1.694-2.118-2.273-3.059-2.353h-1.647v.47c0 .189-.315.391-.47.471c-.188 0-.39-.315-.47-.47v-.471zm.94 3.766c-.314 0-.94.094-.94.47h4.706c0-.155-.189-.47-.942-.47zm2.824 1.176h-3.058c.315-.155 1.082-.47 1.647-.47c.564 0 1.176.315 1.411.47m-1.411 4.941l-2.353-4.47h.94l1.413 2.823l1.411-2.823h.942zm-2.589-8l.024-.06c.122-.142.64-.175.918-.175c.315.235 1.082.706 1.647.706c.564 0 1.332-.47 1.647-.706l.706.235c-.189-.564-.706-1.176-.942-1.412c-.155.471-.658 1.412-1.411 1.412s-1.257-.94-1.412-1.412c-.537.18-.974.942-1.153 1.351a.1.1 0 0 0-.024.061" clip-rule="evenodd"/></g><defs><linearGradient id="SVGWTgywcDA" x1="16.706" x2="7.294" y1="6.588" y2="17.647" gradientUnits="userSpaceOnUse"><stop stop-color="#878585"/><stop offset="1" stop-color="#010101"/></linearGradient><linearGradient id="SVGWFYbYiue" x1="14.589" x2="4.236" y1="6.353" y2="13.411" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfcfd"/><stop offset="1" stop-color="#5c5b5a"/></linearGradient><clipPath id="SVGHcSWxdhd130"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-scar-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(%23SVGHcSWxdhd130)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%238c8b8a%22%20d%3D%22M12%2019.53a7.53%207.53%200%201%200%200-15.06a7.53%207.53%200%200%200%200%2015.058m0%20.47a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWTgywcDA)%22%20d%3D%22M12%2019.53a7.53%207.53%200%201%200%200-15.06a7.53%207.53%200%200%200%200%2015.06%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWFYbYiue)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.177%207.294c-.565%200-.861-.626-.941-.941l1.882.47c-.08.155-.376.47-.94.47m5.647%200c-.376%200-.786-.316-.941-.47l1.882-.471c-.155.315-.564.94-.94.94m-5.176.94c-1.506%200-2.508%201.568-2.824%202.354c.565-.565%201.647-1.021%202.118-1.177C8%209.976%207.765%2012%207.765%2012.941l1.412%201.882V12.47c0-.235%200-1.412%202.824-1.412c2.258%200%202.823.942%202.823%201.412v2.353l1.412-1.882c0-1.694-.786-3.06-1.177-3.53c.753%200%201.728.786%202.118%201.177c-.188-1.694-2.118-2.273-3.059-2.353h-1.647v.47c0%20.189-.315.391-.47.471c-.188%200-.39-.315-.47-.47v-.471zm.94%203.766c-.314%200-.94.094-.94.47h4.706c0-.155-.189-.47-.942-.47zm2.824%201.176h-3.058c.315-.155%201.082-.47%201.647-.47c.564%200%201.176.315%201.411.47m-1.411%204.941l-2.353-4.47h.94l1.413%202.823l1.411-2.823h.942zm-2.589-8l.024-.06c.122-.142.64-.175.918-.175c.315.235%201.082.706%201.647.706c.564%200%201.332-.47%201.647-.706l.706.235c-.189-.564-.706-1.176-.942-1.412c-.155.471-.658%201.412-1.411%201.412s-1.257-.94-1.412-1.412c-.537.18-.974.942-1.153%201.351a.1.1%200%200%200-.024.061%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGWTgywcDA%22%20x1%3D%2216.706%22%20x2%3D%227.294%22%20y1%3D%226.588%22%20y2%3D%2217.647%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23878585%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23010101%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGWFYbYiue%22%20x1%3D%2214.589%22%20x2%3D%224.236%22%20y1%3D%226.353%22%20y2%3D%2213.411%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfcfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235c5b5a%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd130%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(%23SVGHcSWxdhd130)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%238c8b8a%22%20d%3D%22M12%2019.53a7.53%207.53%200%201%200%200-15.06a7.53%207.53%200%200%200%200%2015.058m0%20.47a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWTgywcDA)%22%20d%3D%22M12%2019.53a7.53%207.53%200%201%200%200-15.06a7.53%207.53%200%200%200%200%2015.06%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGWFYbYiue)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.177%207.294c-.565%200-.861-.626-.941-.941l1.882.47c-.08.155-.376.47-.94.47m5.647%200c-.376%200-.786-.316-.941-.47l1.882-.471c-.155.315-.564.94-.94.94m-5.176.94c-1.506%200-2.508%201.568-2.824%202.354c.565-.565%201.647-1.021%202.118-1.177C8%209.976%207.765%2012%207.765%2012.941l1.412%201.882V12.47c0-.235%200-1.412%202.824-1.412c2.258%200%202.823.942%202.823%201.412v2.353l1.412-1.882c0-1.694-.786-3.06-1.177-3.53c.753%200%201.728.786%202.118%201.177c-.188-1.694-2.118-2.273-3.059-2.353h-1.647v.47c0%20.189-.315.391-.47.471c-.188%200-.39-.315-.47-.47v-.471zm.94%203.766c-.314%200-.94.094-.94.47h4.706c0-.155-.189-.47-.942-.47zm2.824%201.176h-3.058c.315-.155%201.082-.47%201.647-.47c.564%200%201.176.315%201.411.47m-1.411%204.941l-2.353-4.47h.94l1.413%202.823l1.411-2.823h.942zm-2.589-8l.024-.06c.122-.142.64-.175.918-.175c.315.235%201.082.706%201.647.706c.564%200%201.332-.47%201.647-.706l.706.235c-.189-.564-.706-1.176-.942-1.412c-.155.471-.658%201.412-1.411%201.412s-1.257-.94-1.412-1.412c-.537.18-.974.942-1.153%201.351a.1.1%200%200%200-.024.061%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGWTgywcDA%22%20x1%3D%2216.706%22%20x2%3D%227.294%22%20y1%3D%226.588%22%20y2%3D%2217.647%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23878585%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23010101%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGWFYbYiue%22%20x1%3D%2214.589%22%20x2%3D%224.236%22%20y1%3D%226.353%22%20y2%3D%2213.411%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fdfcfd%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235c5b5a%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd130%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/scar-background.svg?color=%231a73e8&size=48
