Иконка Racquet Light

ph:racquet-light

Иконка Racquet Light (ph:racquet-light) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Phosphor
Автор: Phosphor Icons
Лицензия: MIT
Размер: 256 × 256
Теги: sports, tennis, squash, pickleball, racquetlight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M228.53 27.47C201.38.33 152.16 5.37 118.81 38.72C87.22 70.31 81.05 116.13 103.56 144l-32.23 32.19l-2.1-2.11a14 14 0 0 0-19.8 0L22.1 201.41a14 14 0 0 0 0 19.8l12.69 12.7a14 14 0 0 0 19.81 0l27.32-27.32a14 14 0 0 0 0-19.81l-2.1-2.1L112 152.46c11.17 9 25.24 13.45 40.13 13.45c22.2 0 46.21-9.81 65.12-28.72c33.38-33.35 38.42-82.57 11.28-109.72M73.43 198.09l-27.32 27.33a2 2 0 0 1-2.83 0l-12.69-12.69a2 2 0 0 1 0-2.83l27.32-27.33a2 2 0 0 1 1.42-.58a2 2 0 0 1 1.41.58l6.35 6.34l6.34 6.34a2 2 0 0 1 0 2.83ZM232.34 58h-34.28V23.66A46.33 46.33 0 0 1 232.34 58M183.9 22h2.15v36H150V30.57a74.84 74.84 0 0 1 33.9-8.65Zm2.15 48v36H150V70ZM127.3 47.21A93 93 0 0 1 138 38v20h-20a93 93 0 0 1 9.3-10.79M110.65 70H138v36h-36c-.34-11.72 2.58-24.21 8.65-36m-6.9 48H138v34.28A46.33 46.33 0 0 1 103.75 118m46.29 36v-36h36v27.38c-11.83 6.04-24.32 8.96-36.04 8.55Zm58.75-25.23a93 93 0 0 1-10.73 9.22V118H218a94 94 0 0 1-9.21 10.7ZM225.44 106h-27.38V70h36c.37 11.63-2.55 24.12-8.62 36"/></svg>

Как использовать иконку Racquet Light

React

import { Icon } from "@iconify/react";

<Icon icon="ph:racquet-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:racquet-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:racquet-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--racquet-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:racquet-light"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:racquet-light"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/ph/racquet-light.svg" alt="Иконка Racquet Light" width="24" height="24">

Вопросы и ответы: Иконка Racquet Light

Можно ли бесплатно использовать иконку Racquet Light в коммерческих проектах?

Да. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Racquet Light в React?

Установите @iconify/react и выведите <Icon icon="ph:racquet-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Racquet Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ph/racquet-light.svg" alt="Иконка Racquet Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Phosphor →