racket logo
racket from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- racket
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the racket logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M128 64c0 35.069-28.653 63.5-64 63.5S0 99.07 0 64S28.653.5 64 .5s64 28.43 64 63.5m0 0"/><path fill="#3e5ba9" d="M114.356 103.192C122.904 92.4 128 78.792 128 64C128 28.93 99.347.5 64 .5a64.4 64.4 0 0 0-21.89 3.81c25.982 13.525 60.352 57.646 72.246 98.881Zm0 0"/><path fill="#9f1d20" d="M54.835 41.005C44.85 30.333 33.672 21.859 21.827 16.24C8.451 27.876 0 44.96 0 64c0 16.01 5.975 30.637 15.83 41.804c8.688-25.896 25.018-50.855 39.006-64.799Zm11.793 14.4c-13.857 14.815-27.662 40.75-32.66 64.68c8.957 4.728 19.176 7.415 30.031 7.415c11.161 0 21.653-2.835 30.786-7.817c-5.268-24.14-15.204-46.245-28.157-64.277Zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconRacket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M128 64c0 35.069-28.653 63.5-64 63.5S0 99.07 0 64S28.653.5 64 .5s64 28.43 64 63.5m0 0"/><path fill="#3e5ba9" d="M114.356 103.192C122.904 92.4 128 78.792 128 64C128 28.93 99.347.5 64 .5a64.4 64.4 0 0 0-21.89 3.81c25.982 13.525 60.352 57.646 72.246 98.881Zm0 0"/><path fill="#9f1d20" d="M54.835 41.005C44.85 30.333 33.672 21.859 21.827 16.24C8.451 27.876 0 44.96 0 64c0 16.01 5.975 30.637 15.83 41.804c8.688-25.896 25.018-50.855 39.006-64.799Zm11.793 14.4c-13.857 14.815-27.662 40.75-32.66 64.68c8.957 4.728 19.176 7.415 30.031 7.415c11.161 0 21.653-2.835 30.786-7.817c-5.268-24.14-15.204-46.245-28.157-64.277Zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M128 64c0 35.069-28.653 63.5-64 63.5S0 99.07 0 64S28.653.5 64 .5s64 28.43 64 63.5m0 0"/><path fill="#3e5ba9" d="M114.356 103.192C122.904 92.4 128 78.792 128 64C128 28.93 99.347.5 64 .5a64.4 64.4 0 0 0-21.89 3.81c25.982 13.525 60.352 57.646 72.246 98.881Zm0 0"/><path fill="#9f1d20" d="M54.835 41.005C44.85 30.333 33.672 21.859 21.827 16.24C8.451 27.876 0 44.96 0 64c0 16.01 5.975 30.637 15.83 41.804c8.688-25.896 25.018-50.855 39.006-64.799Zm11.793 14.4c-13.857 14.815-27.662 40.75-32.66 64.68c8.957 4.728 19.176 7.415 30.031 7.415c11.161 0 21.653-2.835 30.786-7.817c-5.268-24.14-15.204-46.245-28.157-64.277Zm0 0"/></svg> </template>
CSS
.icon-racket {
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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128%2064c0%2035.069-28.653%2063.5-64%2063.5S0%2099.07%200%2064S28.653.5%2064%20.5s64%2028.43%2064%2063.5m0%200%22%2F%3E%3Cpath%20fill%3D%22%233e5ba9%22%20d%3D%22M114.356%20103.192C122.904%2092.4%20128%2078.792%20128%2064C128%2028.93%2099.347.5%2064%20.5a64.4%2064.4%200%200%200-21.89%203.81c25.982%2013.525%2060.352%2057.646%2072.246%2098.881Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%239f1d20%22%20d%3D%22M54.835%2041.005C44.85%2030.333%2033.672%2021.859%2021.827%2016.24C8.451%2027.876%200%2044.96%200%2064c0%2016.01%205.975%2030.637%2015.83%2041.804c8.688-25.896%2025.018-50.855%2039.006-64.799Zm11.793%2014.4c-13.857%2014.815-27.662%2040.75-32.66%2064.68c8.957%204.728%2019.176%207.415%2030.031%207.415c11.161%200%2021.653-2.835%2030.786-7.817c-5.268-24.14-15.204-46.245-28.157-64.277Zm0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M128%2064c0%2035.069-28.653%2063.5-64%2063.5S0%2099.07%200%2064S28.653.5%2064%20.5s64%2028.43%2064%2063.5m0%200%22%2F%3E%3Cpath%20fill%3D%22%233e5ba9%22%20d%3D%22M114.356%20103.192C122.904%2092.4%20128%2078.792%20128%2064C128%2028.93%2099.347.5%2064%20.5a64.4%2064.4%200%200%200-21.89%203.81c25.982%2013.525%2060.352%2057.646%2072.246%2098.881Zm0%200%22%2F%3E%3Cpath%20fill%3D%22%239f1d20%22%20d%3D%22M54.835%2041.005C44.85%2030.333%2033.672%2021.859%2021.827%2016.24C8.451%2027.876%200%2044.96%200%2064c0%2016.01%205.975%2030.637%2015.83%2041.804c8.688-25.896%2025.018-50.855%2039.006-64.799Zm11.793%2014.4c-13.857%2014.815-27.662%2040.75-32.66%2064.68c8.957%204.728%2019.176%207.415%2030.031%207.415c11.161%200%2021.653-2.835%2030.786-7.817c-5.268-24.14-15.204-46.245-28.157-64.277Zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/racket.svg?color=%231a73e8&size=48
