sidequest logo
sidequest from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- sidequest
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the sidequest logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 10.409L18.689 1.21H8.065l2.518 4.359l.769 1.331l-.918 1.592H8.598l-.769-1.333l-2.517-4.36L0 11.999l5.311 9.199l2.518-4.36l.769-1.333h1.836l.919 1.593l-.77 1.332l-2.517 4.359H18.69L24 13.59h-6.571l-.919-1.591l.919-1.59zM5.288 5.328L6.27 7.03L4.763 9.64h6.334l3.169-5.486h-3.015l-.983-1.702h7.046l-5.183 8.977H1.763zm4.98 16.219l.983-1.703h3.015l-3.169-5.488H4.763l1.507 2.611l-.982 1.704l-3.525-6.104h10.368l1.364 2.363l3.819 6.617zm8.084-4.062l1.505-2.61h1.969l-3.525 6.102l-3.109-5.382l-2.077-3.596l2.459-4.257l2.727-4.72l3.525 6.102h-1.969l-1.505-2.611l-3.17 5.486z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSidequest(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="M24 10.409L18.689 1.21H8.065l2.518 4.359l.769 1.331l-.918 1.592H8.598l-.769-1.333l-2.517-4.36L0 11.999l5.311 9.199l2.518-4.36l.769-1.333h1.836l.919 1.593l-.77 1.332l-2.517 4.359H18.69L24 13.59h-6.571l-.919-1.591l.919-1.59zM5.288 5.328L6.27 7.03L4.763 9.64h6.334l3.169-5.486h-3.015l-.983-1.702h7.046l-5.183 8.977H1.763zm4.98 16.219l.983-1.703h3.015l-3.169-5.488H4.763l1.507 2.611l-.982 1.704l-3.525-6.104h10.368l1.364 2.363l3.819 6.617zm8.084-4.062l1.505-2.61h1.969l-3.525 6.102l-3.109-5.382l-2.077-3.596l2.459-4.257l2.727-4.72l3.525 6.102h-1.969l-1.505-2.611l-3.17 5.486z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 10.409L18.689 1.21H8.065l2.518 4.359l.769 1.331l-.918 1.592H8.598l-.769-1.333l-2.517-4.36L0 11.999l5.311 9.199l2.518-4.36l.769-1.333h1.836l.919 1.593l-.77 1.332l-2.517 4.359H18.69L24 13.59h-6.571l-.919-1.591l.919-1.59zM5.288 5.328L6.27 7.03L4.763 9.64h6.334l3.169-5.486h-3.015l-.983-1.702h7.046l-5.183 8.977H1.763zm4.98 16.219l.983-1.703h3.015l-3.169-5.488H4.763l1.507 2.611l-.982 1.704l-3.525-6.104h10.368l1.364 2.363l3.819 6.617zm8.084-4.062l1.505-2.61h1.969l-3.525 6.102l-3.109-5.382l-2.077-3.596l2.459-4.257l2.727-4.72l3.525 6.102h-1.969l-1.505-2.611l-3.17 5.486z"/></svg> </template>
CSS
.icon-sidequest {
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%22M24%2010.409L18.689%201.21H8.065l2.518%204.359l.769%201.331l-.918%201.592H8.598l-.769-1.333l-2.517-4.36L0%2011.999l5.311%209.199l2.518-4.36l.769-1.333h1.836l.919%201.593l-.77%201.332l-2.517%204.359H18.69L24%2013.59h-6.571l-.919-1.591l.919-1.59zM5.288%205.328L6.27%207.03L4.763%209.64h6.334l3.169-5.486h-3.015l-.983-1.702h7.046l-5.183%208.977H1.763zm4.98%2016.219l.983-1.703h3.015l-3.169-5.488H4.763l1.507%202.611l-.982%201.704l-3.525-6.104h10.368l1.364%202.363l3.819%206.617zm8.084-4.062l1.505-2.61h1.969l-3.525%206.102l-3.109-5.382l-2.077-3.596l2.459-4.257l2.727-4.72l3.525%206.102h-1.969l-1.505-2.611l-3.17%205.486z%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%22M24%2010.409L18.689%201.21H8.065l2.518%204.359l.769%201.331l-.918%201.592H8.598l-.769-1.333l-2.517-4.36L0%2011.999l5.311%209.199l2.518-4.36l.769-1.333h1.836l.919%201.593l-.77%201.332l-2.517%204.359H18.69L24%2013.59h-6.571l-.919-1.591l.919-1.59zM5.288%205.328L6.27%207.03L4.763%209.64h6.334l3.169-5.486h-3.015l-.983-1.702h7.046l-5.183%208.977H1.763zm4.98%2016.219l.983-1.703h3.015l-3.169-5.488H4.763l1.507%202.611l-.982%201.704l-3.525-6.104h10.368l1.364%202.363l3.819%206.617zm8.084-4.062l1.505-2.61h1.969l-3.525%206.102l-3.109-5.382l-2.077-3.596l2.459-4.257l2.727-4.72l3.525%206.102h-1.969l-1.505-2.611l-3.17%205.486z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/sidequest.svg?color=%231a73e8&size=48
