ICONYZ
Русский
Иконка Gamepad Circle Right из набора Material Symbols

Иконка Gamepad Circle Right

material-symbols:gamepad-circle-right

Иконка Gamepad Circle Right (material-symbols:gamepad-circle-right) — бесплатная SVG-иконка из набора Material Symbols от Google. Она нарисована на сетке 24 × 24. Material Symbols icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Оборудование
Теги
gamepadcircle, circleright, gamepadcircleright, gamepad circle right outline, gamepad circle right sharp, gamepad circle right rounded, gamepad circle right outline rounded, gamepad circle right outline sharp
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.025 14.475Q15 13.45 15 12t1.025-2.475T18.5 8.5t2.475 1.025T22 12t-1.025 2.475T18.5 15.5t-2.475-1.025m-13 0Q2 13.45 2 12t1.025-2.475T5.5 8.5t2.475 1.025T9 12t-1.025 2.475T5.5 15.5t-2.475-1.025m3.538-1.412Q7 12.625 7 12t-.437-1.062T5.5 10.5t-1.062.438T4 12t.438 1.063T5.5 13.5t1.063-.437m2.962 7.912Q8.5 19.95 8.5 18.5t1.025-2.475T12 15t2.475 1.025T15.5 18.5t-1.025 2.475T12 22t-2.475-1.025m3.538-1.412q.437-.438.437-1.063t-.437-1.062T12 17t-1.062.438T10.5 18.5t.438 1.063T12 20t1.063-.437M9.525 7.975Q8.5 6.95 8.5 5.5t1.025-2.475T12 2t2.475 1.025T15.5 5.5t-1.025 2.475T12 9T9.525 7.975m3.538-1.412q.437-.438.437-1.063t-.437-1.062T12 4t-1.062.438T10.5 5.5t.438 1.063T12 7t1.063-.437"/></svg>

Как использовать иконку Gamepad Circle Right

React

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

<Icon icon="material-symbols:gamepad-circle-right" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:gamepad-circle-right" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:gamepad-circle-right" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--gamepad-circle-right]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:gamepad-circle-right"></div>

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

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

<iconify-icon icon="material-symbols:gamepad-circle-right"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols/gamepad-circle-right.svg" alt="Иконка Gamepad Circle Right" width="24" height="24">

Похожие иконки в наборе Material Symbols

Иконка Gamepad Circle Right в других наборах

Вопросы и ответы: Иконка Gamepad Circle Right

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

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

Как использовать иконку Gamepad Circle Right в React?

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

Как добавить иконку Gamepad Circle Right на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols/gamepad-circle-right.svg" alt="Иконка Gamepad Circle Right">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols →