racket logo
racket from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- racket
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 511.875×511.824
- 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 511.875 511.824"><path fill="#0288d1" d="M416.17 381.6c27.189-34.614 43.405-78.256 43.405-125.685c0-112.466-91.168-203.634-203.634-203.634c-24.464 0-47.92 4.319-69.65 12.228c82.671 43.366 192.023 184.854 229.88 317.097z"/><path fill="#e53935" d="M226.77 182.174c-31.766-34.221-67.34-61.4-105.015-79.425c-42.569 37.324-69.453 92.102-69.453 153.162c0 51.344 19.009 98.24 50.365 134.06c27.641-83.049 79.607-163.09 124.108-207.8zm37.526 46.176c-44.085 47.512-88.014 130.681-103.913 207.415c28.498 15.172 61.02 23.783 95.561 23.783c35.508 0 68.888-9.097 97.951-25.074c-16.752-77.405-48.375-148.294-89.591-206.127z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeRacket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 511.875 511.824"><path fill="#0288d1" d="M416.17 381.6c27.189-34.614 43.405-78.256 43.405-125.685c0-112.466-91.168-203.634-203.634-203.634c-24.464 0-47.92 4.319-69.65 12.228c82.671 43.366 192.023 184.854 229.88 317.097z"/><path fill="#e53935" d="M226.77 182.174c-31.766-34.221-67.34-61.4-105.015-79.425c-42.569 37.324-69.453 92.102-69.453 153.162c0 51.344 19.009 98.24 50.365 134.06c27.641-83.049 79.607-163.09 124.108-207.8zm37.526 46.176c-44.085 47.512-88.014 130.681-103.913 207.415c28.498 15.172 61.02 23.783 95.561 23.783c35.508 0 68.888-9.097 97.951-25.074c-16.752-77.405-48.375-148.294-89.591-206.127z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 511.875 511.824"><path fill="#0288d1" d="M416.17 381.6c27.189-34.614 43.405-78.256 43.405-125.685c0-112.466-91.168-203.634-203.634-203.634c-24.464 0-47.92 4.319-69.65 12.228c82.671 43.366 192.023 184.854 229.88 317.097z"/><path fill="#e53935" d="M226.77 182.174c-31.766-34.221-67.34-61.4-105.015-79.425c-42.569 37.324-69.453 92.102-69.453 153.162c0 51.344 19.009 98.24 50.365 134.06c27.641-83.049 79.607-163.09 124.108-207.8zm37.526 46.176c-44.085 47.512-88.014 130.681-103.913 207.415c28.498 15.172 61.02 23.783 95.561 23.783c35.508 0 68.888-9.097 97.951-25.074c-16.752-77.405-48.375-148.294-89.591-206.127z"/></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%20511.875%20511.824%22%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22M416.17%20381.6c27.189-34.614%2043.405-78.256%2043.405-125.685c0-112.466-91.168-203.634-203.634-203.634c-24.464%200-47.92%204.319-69.65%2012.228c82.671%2043.366%20192.023%20184.854%20229.88%20317.097z%22%2F%3E%3Cpath%20fill%3D%22%23e53935%22%20d%3D%22M226.77%20182.174c-31.766-34.221-67.34-61.4-105.015-79.425c-42.569%2037.324-69.453%2092.102-69.453%20153.162c0%2051.344%2019.009%2098.24%2050.365%20134.06c27.641-83.049%2079.607-163.09%20124.108-207.8zm37.526%2046.176c-44.085%2047.512-88.014%20130.681-103.913%20207.415c28.498%2015.172%2061.02%2023.783%2095.561%2023.783c35.508%200%2068.888-9.097%2097.951-25.074c-16.752-77.405-48.375-148.294-89.591-206.127z%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%20511.875%20511.824%22%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22M416.17%20381.6c27.189-34.614%2043.405-78.256%2043.405-125.685c0-112.466-91.168-203.634-203.634-203.634c-24.464%200-47.92%204.319-69.65%2012.228c82.671%2043.366%20192.023%20184.854%20229.88%20317.097z%22%2F%3E%3Cpath%20fill%3D%22%23e53935%22%20d%3D%22M226.77%20182.174c-31.766-34.221-67.34-61.4-105.015-79.425c-42.569%2037.324-69.453%2092.102-69.453%20153.162c0%2051.344%2019.009%2098.24%2050.365%20134.06c27.641-83.049%2079.607-163.09%20124.108-207.8zm37.526%2046.176c-44.085%2047.512-88.014%20130.681-103.913%20207.415c28.498%2015.172%2061.02%2023.783%2095.561%2023.783c35.508%200%2068.888-9.097%2097.951-25.074c-16.752-77.405-48.375-148.294-89.591-206.127z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/racket.svg?color=%231a73e8&size=48
