scar logo
scar from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- scar
- Set
- Web3 Icons Branded
- Style
- Branded
- 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"><path fill="#8c8b8a" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="url(#SVGGgxMveMn)" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94"/><path fill="url(#SVGuebAveVJ)" fill-rule="evenodd" d="M8.824 6.705c-.635 0-.969-.704-1.059-1.059l2.118.53c-.09.175-.423.53-1.059.53m6.353 0c-.423 0-.884-.354-1.059-.53l2.118-.529c-.175.355-.635 1.06-1.059 1.06m-5.823 1.06c-1.694 0-2.822 1.762-3.177 2.646c.636-.635 1.853-1.149 2.383-1.323c-1.06.635-1.324 2.911-1.324 3.97l1.588 2.118v-2.647c0-.265 0-1.588 3.177-1.588c2.541 0 3.176 1.058 3.176 1.588v2.647l1.588-2.118c0-1.906-.884-3.44-1.323-3.97c.847 0 1.943.884 2.382 1.323c-.211-1.906-2.382-2.557-3.44-2.647H12.53v.53c0 .211-.355.439-.53.529c-.211 0-.439-.355-.529-.53v-.529zm1.059 4.234c-.355 0-1.06.106-1.06.53h5.295c0-.175-.212-.53-1.059-.53zm3.176 1.324h-3.441c.355-.175 1.217-.53 1.853-.53s1.323.355 1.588.53m-1.588 5.559l-2.647-5.03h1.059L12 17.03l1.588-3.177h1.059zm-2.912-9l.026-.069c.138-.159.72-.196 1.033-.196c.355.265 1.217.794 1.853.794s1.498-.53 1.853-.794l.794.265c-.212-.636-.794-1.324-1.059-1.588c-.175.529-.741 1.588-1.588 1.588s-1.414-1.059-1.588-1.588c-.604.2-1.096 1.058-1.298 1.519a.1.1 0 0 0-.026.069" clip-rule="evenodd"/><defs><linearGradient id="SVGGgxMveMn" x1="17.294" x2="6.706" y1="5.912" y2="18.353" gradientUnits="userSpaceOnUse"><stop stop-color="#878585"/><stop offset="1" stop-color="#010101"/></linearGradient><linearGradient id="SVGuebAveVJ" x1="14.913" x2="3.265" y1="5.646" y2="13.588" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfcfd"/><stop offset="1" stop-color="#5c5b5a"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedScar(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="#8c8b8a" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="url(#SVGGgxMveMn)" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94"/><path fill="url(#SVGuebAveVJ)" fillRule="evenodd" d="M8.824 6.705c-.635 0-.969-.704-1.059-1.059l2.118.53c-.09.175-.423.53-1.059.53m6.353 0c-.423 0-.884-.354-1.059-.53l2.118-.529c-.175.355-.635 1.06-1.059 1.06m-5.823 1.06c-1.694 0-2.822 1.762-3.177 2.646c.636-.635 1.853-1.149 2.383-1.323c-1.06.635-1.324 2.911-1.324 3.97l1.588 2.118v-2.647c0-.265 0-1.588 3.177-1.588c2.541 0 3.176 1.058 3.176 1.588v2.647l1.588-2.118c0-1.906-.884-3.44-1.323-3.97c.847 0 1.943.884 2.382 1.323c-.211-1.906-2.382-2.557-3.44-2.647H12.53v.53c0 .211-.355.439-.53.529c-.211 0-.439-.355-.529-.53v-.529zm1.059 4.234c-.355 0-1.06.106-1.06.53h5.295c0-.175-.212-.53-1.059-.53zm3.176 1.324h-3.441c.355-.175 1.217-.53 1.853-.53s1.323.355 1.588.53m-1.588 5.559l-2.647-5.03h1.059L12 17.03l1.588-3.177h1.059zm-2.912-9l.026-.069c.138-.159.72-.196 1.033-.196c.355.265 1.217.794 1.853.794s1.498-.53 1.853-.794l.794.265c-.212-.636-.794-1.324-1.059-1.588c-.175.529-.741 1.588-1.588 1.588s-1.414-1.059-1.588-1.588c-.604.2-1.096 1.058-1.298 1.519a.1.1 0 0 0-.026.069" clipRule="evenodd"/><defs><linearGradient id="SVGGgxMveMn" x1="17.294" x2="6.706" y1="5.912" y2="18.353" gradientUnits="userSpaceOnUse"><stop stopColor="#878585"/><stop offset="1" stopColor="#010101"/></linearGradient><linearGradient id="SVGuebAveVJ" x1="14.913" x2="3.265" y1="5.646" y2="13.588" gradientUnits="userSpaceOnUse"><stop stopColor="#fdfcfd"/><stop offset="1" stopColor="#5c5b5a"/></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="#8c8b8a" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94m0 .53a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="url(#SVGGgxMveMn)" d="M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94"/><path fill="url(#SVGuebAveVJ)" fill-rule="evenodd" d="M8.824 6.705c-.635 0-.969-.704-1.059-1.059l2.118.53c-.09.175-.423.53-1.059.53m6.353 0c-.423 0-.884-.354-1.059-.53l2.118-.529c-.175.355-.635 1.06-1.059 1.06m-5.823 1.06c-1.694 0-2.822 1.762-3.177 2.646c.636-.635 1.853-1.149 2.383-1.323c-1.06.635-1.324 2.911-1.324 3.97l1.588 2.118v-2.647c0-.265 0-1.588 3.177-1.588c2.541 0 3.176 1.058 3.176 1.588v2.647l1.588-2.118c0-1.906-.884-3.44-1.323-3.97c.847 0 1.943.884 2.382 1.323c-.211-1.906-2.382-2.557-3.44-2.647H12.53v.53c0 .211-.355.439-.53.529c-.211 0-.439-.355-.529-.53v-.529zm1.059 4.234c-.355 0-1.06.106-1.06.53h5.295c0-.175-.212-.53-1.059-.53zm3.176 1.324h-3.441c.355-.175 1.217-.53 1.853-.53s1.323.355 1.588.53m-1.588 5.559l-2.647-5.03h1.059L12 17.03l1.588-3.177h1.059zm-2.912-9l.026-.069c.138-.159.72-.196 1.033-.196c.355.265 1.217.794 1.853.794s1.498-.53 1.853-.794l.794.265c-.212-.636-.794-1.324-1.059-1.588c-.175.529-.741 1.588-1.588 1.588s-1.414-1.059-1.588-1.588c-.604.2-1.096 1.058-1.298 1.519a.1.1 0 0 0-.026.069" clip-rule="evenodd"/><defs><linearGradient id="SVGGgxMveMn" x1="17.294" x2="6.706" y1="5.912" y2="18.353" gradientUnits="userSpaceOnUse"><stop stop-color="#878585"/><stop offset="1" stop-color="#010101"/></linearGradient><linearGradient id="SVGuebAveVJ" x1="14.913" x2="3.265" y1="5.646" y2="13.588" gradientUnits="userSpaceOnUse"><stop stop-color="#fdfcfd"/><stop offset="1" stop-color="#5c5b5a"/></linearGradient></defs></g></svg> </template>
CSS
.icon-scar {
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%238c8b8a%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGgxMveMn)%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuebAveVJ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.824%206.705c-.635%200-.969-.704-1.059-1.059l2.118.53c-.09.175-.423.53-1.059.53m6.353%200c-.423%200-.884-.354-1.059-.53l2.118-.529c-.175.355-.635%201.06-1.059%201.06m-5.823%201.06c-1.694%200-2.822%201.762-3.177%202.646c.636-.635%201.853-1.149%202.383-1.323c-1.06.635-1.324%202.911-1.324%203.97l1.588%202.118v-2.647c0-.265%200-1.588%203.177-1.588c2.541%200%203.176%201.058%203.176%201.588v2.647l1.588-2.118c0-1.906-.884-3.44-1.323-3.97c.847%200%201.943.884%202.382%201.323c-.211-1.906-2.382-2.557-3.44-2.647H12.53v.53c0%20.211-.355.439-.53.529c-.211%200-.439-.355-.529-.53v-.529zm1.059%204.234c-.355%200-1.06.106-1.06.53h5.295c0-.175-.212-.53-1.059-.53zm3.176%201.324h-3.441c.355-.175%201.217-.53%201.853-.53s1.323.355%201.588.53m-1.588%205.559l-2.647-5.03h1.059L12%2017.03l1.588-3.177h1.059zm-2.912-9l.026-.069c.138-.159.72-.196%201.033-.196c.355.265%201.217.794%201.853.794s1.498-.53%201.853-.794l.794.265c-.212-.636-.794-1.324-1.059-1.588c-.175.529-.741%201.588-1.588%201.588s-1.414-1.059-1.588-1.588c-.604.2-1.096%201.058-1.298%201.519a.1.1%200%200%200-.026.069%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGGgxMveMn%22%20x1%3D%2217.294%22%20x2%3D%226.706%22%20y1%3D%225.912%22%20y2%3D%2218.353%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%22SVGuebAveVJ%22%20x1%3D%2214.913%22%20x2%3D%223.265%22%20y1%3D%225.646%22%20y2%3D%2213.588%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%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%238c8b8a%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94m0%20.53a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGgxMveMn)%22%20d%3D%22M12%2020.47a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGuebAveVJ)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.824%206.705c-.635%200-.969-.704-1.059-1.059l2.118.53c-.09.175-.423.53-1.059.53m6.353%200c-.423%200-.884-.354-1.059-.53l2.118-.529c-.175.355-.635%201.06-1.059%201.06m-5.823%201.06c-1.694%200-2.822%201.762-3.177%202.646c.636-.635%201.853-1.149%202.383-1.323c-1.06.635-1.324%202.911-1.324%203.97l1.588%202.118v-2.647c0-.265%200-1.588%203.177-1.588c2.541%200%203.176%201.058%203.176%201.588v2.647l1.588-2.118c0-1.906-.884-3.44-1.323-3.97c.847%200%201.943.884%202.382%201.323c-.211-1.906-2.382-2.557-3.44-2.647H12.53v.53c0%20.211-.355.439-.53.529c-.211%200-.439-.355-.529-.53v-.529zm1.059%204.234c-.355%200-1.06.106-1.06.53h5.295c0-.175-.212-.53-1.059-.53zm3.176%201.324h-3.441c.355-.175%201.217-.53%201.853-.53s1.323.355%201.588.53m-1.588%205.559l-2.647-5.03h1.059L12%2017.03l1.588-3.177h1.059zm-2.912-9l.026-.069c.138-.159.72-.196%201.033-.196c.355.265%201.217.794%201.853.794s1.498-.53%201.853-.794l.794.265c-.212-.636-.794-1.324-1.059-1.588c-.175.529-.741%201.588-1.588%201.588s-1.414-1.059-1.588-1.588c-.604.2-1.096%201.058-1.298%201.519a.1.1%200%200%200-.026.069%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGGgxMveMn%22%20x1%3D%2217.294%22%20x2%3D%226.706%22%20y1%3D%225.912%22%20y2%3D%2218.353%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%22SVGuebAveVJ%22%20x1%3D%2214.913%22%20x2%3D%223.265%22%20y1%3D%225.646%22%20y2%3D%2213.588%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%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.svg?color=%231a73e8&size=48
