quidditch icon

quidditch from Font Awesome Solid by Dave Gandy · Solid · Sports · CC-BY-4.0 Attribution required.

Name
quidditch
Set
Font Awesome Solid
Style
Solid
Category
Sports
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

quidditchLine Awesome

More sports icons from Font Awesome Solid

baseball-ballbasketball-ballbowling-ballgolf-ballhockey-pucktable-tennisvolleyball-ballquidditch-broom-ball

Use the quidditch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M528 608c-44.2 0-80-35.8-80-80s35.8-80 80-80s80 35.8 80 80s-35.8 80-80 80M138.8 341.2c30.6-30.6 73.1-45.9 115.8-42.2L373 417.3c3.7 42.8-11.6 85.2-42.2 115.9c-27.4 27.4-64.6 42.8-103.3 42.8H54.1c-12.2 0-22.1-9.9-22.1-22.1c0-6.3 2.7-12.3 7.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1 25.6c-6.1 3-13.2-1.4-13.2-8.2c0-31.5 12.5-61.8 34.8-84zm417-270c12.6-10.3 31.1-9.5 42.8 2.2s12.4 30.2 2.2 42.8l-2.2 2.4l-192 192l34.8 34.7c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6h-29.1L288 275.6v-29.1c0-12.5 10.1-22.6 22.6-22.6c6 0 11.8 2.4 16 6.6l34.8 34.7l192-192l2.4-2.2z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidQuidditch(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M528 608c-44.2 0-80-35.8-80-80s35.8-80 80-80s80 35.8 80 80s-35.8 80-80 80M138.8 341.2c30.6-30.6 73.1-45.9 115.8-42.2L373 417.3c3.7 42.8-11.6 85.2-42.2 115.9c-27.4 27.4-64.6 42.8-103.3 42.8H54.1c-12.2 0-22.1-9.9-22.1-22.1c0-6.3 2.7-12.3 7.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1 25.6c-6.1 3-13.2-1.4-13.2-8.2c0-31.5 12.5-61.8 34.8-84zm417-270c12.6-10.3 31.1-9.5 42.8 2.2s12.4 30.2 2.2 42.8l-2.2 2.4l-192 192l34.8 34.7c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6h-29.1L288 275.6v-29.1c0-12.5 10.1-22.6 22.6-22.6c6 0 11.8 2.4 16 6.6l34.8 34.7l192-192l2.4-2.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M528 608c-44.2 0-80-35.8-80-80s35.8-80 80-80s80 35.8 80 80s-35.8 80-80 80M138.8 341.2c30.6-30.6 73.1-45.9 115.8-42.2L373 417.3c3.7 42.8-11.6 85.2-42.2 115.9c-27.4 27.4-64.6 42.8-103.3 42.8H54.1c-12.2 0-22.1-9.9-22.1-22.1c0-6.3 2.7-12.3 7.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1 25.6c-6.1 3-13.2-1.4-13.2-8.2c0-31.5 12.5-61.8 34.8-84zm417-270c12.6-10.3 31.1-9.5 42.8 2.2s12.4 30.2 2.2 42.8l-2.2 2.4l-192 192l34.8 34.7c4.2 4.2 6.6 10 6.6 16c0 12.5-10.1 22.6-22.6 22.6h-29.1L288 275.6v-29.1c0-12.5 10.1-22.6 22.6-22.6c6 0 11.8 2.4 16 6.6l34.8 34.7l192-192l2.4-2.2z"/></svg>
</template>

CSS

.icon-quidditch {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M528%20608c-44.2%200-80-35.8-80-80s35.8-80%2080-80s80%2035.8%2080%2080s-35.8%2080-80%2080M138.8%20341.2c30.6-30.6%2073.1-45.9%20115.8-42.2L373%20417.3c3.7%2042.8-11.6%2085.2-42.2%20115.9c-27.4%2027.4-64.6%2042.8-103.3%2042.8H54.1c-12.2%200-22.1-9.9-22.1-22.1c0-6.3%202.7-12.3%207.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1%2025.6c-6.1%203-13.2-1.4-13.2-8.2c0-31.5%2012.5-61.8%2034.8-84zm417-270c12.6-10.3%2031.1-9.5%2042.8%202.2s12.4%2030.2%202.2%2042.8l-2.2%202.4l-192%20192l34.8%2034.7c4.2%204.2%206.6%2010%206.6%2016c0%2012.5-10.1%2022.6-22.6%2022.6h-29.1L288%20275.6v-29.1c0-12.5%2010.1-22.6%2022.6-22.6c6%200%2011.8%202.4%2016%206.6l34.8%2034.7l192-192l2.4-2.2z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M528%20608c-44.2%200-80-35.8-80-80s35.8-80%2080-80s80%2035.8%2080%2080s-35.8%2080-80%2080M138.8%20341.2c30.6-30.6%2073.1-45.9%20115.8-42.2L373%20417.3c3.7%2042.8-11.6%2085.2-42.2%20115.9c-27.4%2027.4-64.6%2042.8-103.3%2042.8H54.1c-12.2%200-22.1-9.9-22.1-22.1c0-6.3%202.7-12.3%207.3-16.5l126.4-113.7c4.2-3.7-.4-10.4-5.4-7.9l-51.1%2025.6c-6.1%203-13.2-1.4-13.2-8.2c0-31.5%2012.5-61.8%2034.8-84zm417-270c12.6-10.3%2031.1-9.5%2042.8%202.2s12.4%2030.2%202.2%2042.8l-2.2%202.4l-192%20192l34.8%2034.7c4.2%204.2%206.6%2010%206.6%2016c0%2012.5-10.1%2022.6-22.6%2022.6h-29.1L288%20275.6v-29.1c0-12.5%2010.1-22.6%2022.6-22.6c6%200%2011.8%202.4%2016%206.6l34.8%2034.7l192-192l2.4-2.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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