champion icon

champion from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
champion
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the champion icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13 17c-.003 1.861.863 2.857 1.79 3.792a.708.708 0 0 1-.5 1.209H9.703a.708.708 0 0 1-.5-1.21c.926-.934 1.793-1.93 1.796-3.791m7.068-13h1.5c1.104 0 2.025.895 1.925 1.995C21.255 8.603 20.19 12.357 16 13.5M5.933 4h-1.5c-1.104 0-2.025.895-1.925 1.995C2.745 8.603 3.81 12.357 8 13.5"/><path d="M12.088 17c3.926 0 5.533-7.745 5.907-12.98c.08-1.11-.834-2.02-1.963-2.02H7.969c-1.13 0-2.043.908-1.965 2.019c.371 5.25 1.971 12.98 5.828 12.98z"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsChampion(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" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M13 17c-.003 1.861.863 2.857 1.79 3.792a.708.708 0 0 1-.5 1.209H9.703a.708.708 0 0 1-.5-1.21c.926-.934 1.793-1.93 1.796-3.791m7.068-13h1.5c1.104 0 2.025.895 1.925 1.995C21.255 8.603 20.19 12.357 16 13.5M5.933 4h-1.5c-1.104 0-2.025.895-1.925 1.995C2.745 8.603 3.81 12.357 8 13.5"/><path d="M12.088 17c3.926 0 5.533-7.745 5.907-12.98c.08-1.11-.834-2.02-1.963-2.02H7.969c-1.13 0-2.043.908-1.965 2.019c.371 5.25 1.971 12.98 5.828 12.98z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13 17c-.003 1.861.863 2.857 1.79 3.792a.708.708 0 0 1-.5 1.209H9.703a.708.708 0 0 1-.5-1.21c.926-.934 1.793-1.93 1.796-3.791m7.068-13h1.5c1.104 0 2.025.895 1.925 1.995C21.255 8.603 20.19 12.357 16 13.5M5.933 4h-1.5c-1.104 0-2.025.895-1.925 1.995C2.745 8.603 3.81 12.357 8 13.5"/><path d="M12.088 17c3.926 0 5.533-7.745 5.907-12.98c.08-1.11-.834-2.02-1.963-2.02H7.969c-1.13 0-2.043.908-1.965 2.019c.371 5.25 1.971 12.98 5.828 12.98z"/></g></svg>
</template>

CSS

.icon-champion {
  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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M13%2017c-.003%201.861.863%202.857%201.79%203.792a.708.708%200%200%201-.5%201.209H9.703a.708.708%200%200%201-.5-1.21c.926-.934%201.793-1.93%201.796-3.791m7.068-13h1.5c1.104%200%202.025.895%201.925%201.995C21.255%208.603%2020.19%2012.357%2016%2013.5M5.933%204h-1.5c-1.104%200-2.025.895-1.925%201.995C2.745%208.603%203.81%2012.357%208%2013.5%22%2F%3E%3Cpath%20d%3D%22M12.088%2017c3.926%200%205.533-7.745%205.907-12.98c.08-1.11-.834-2.02-1.963-2.02H7.969c-1.13%200-2.043.908-1.965%202.019c.371%205.25%201.971%2012.98%205.828%2012.98z%22%2F%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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M13%2017c-.003%201.861.863%202.857%201.79%203.792a.708.708%200%200%201-.5%201.209H9.703a.708.708%200%200%201-.5-1.21c.926-.934%201.793-1.93%201.796-3.791m7.068-13h1.5c1.104%200%202.025.895%201.925%201.995C21.255%208.603%2020.19%2012.357%2016%2013.5M5.933%204h-1.5c-1.104%200-2.025.895-1.925%201.995C2.745%208.603%203.81%2012.357%208%2013.5%22%2F%3E%3Cpath%20d%3D%22M12.088%2017c3.926%200%205.533-7.745%205.907-12.98c.08-1.11-.834-2.02-1.963-2.02H7.969c-1.13%200-2.043.908-1.965%202.019c.371%205.25%201.971%2012.98%205.828%2012.98z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/champion.svg?color=%231a73e8&size=48