Иконка Video Game
fluent-emoji:video-game
Иконка Video Game (fluent-emoji:video-game) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- videogame
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#icq6bJi)" d="M8.212 9.108c-1.562.735-2.52 2.23-2.75 2.954l8.313-1.532l-1.899-1.927a.44.44 0 0 0-.303-.137c-.68-.012-2.414.148-3.36.642"/><path fill="url(#iFMhQPc)" d="M8.212 9.108c-1.562.735-2.52 2.23-2.75 2.954l8.313-1.532l-1.899-1.927a.44.44 0 0 0-.303-.137c-.68-.012-2.414.148-3.36.642"/><path fill="url(#iB8x0cd)" d="M23.68 9.108c1.563.735 2.522 2.23 2.75 2.954l-8.312-1.532l1.898-1.927a.44.44 0 0 1 .304-.137c.68-.012 2.414.148 3.36.642"/><path fill="url(#iGZGbQc)" d="M23.68 9.108c1.563.735 2.522 2.23 2.75 2.954l-8.312-1.532l1.898-1.927a.44.44 0 0 1 .304-.137c.68-.012 2.414.148 3.36.642"/><path fill="url(#imo5SIc)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#i1X8f4d)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#iBSj9Kc)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#ifOcYHb)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#ifdalMe)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#iWZHb3d)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#imx8wAd)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#ipXPRGd)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#iqiiEdc)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><path fill="url(#i16KP0b)" d="M9.466 9.749c-2.172 0-4.103 1.4-4.7 3.489a162 162 0 0 0-2.57 10.324c-.254 1.29-.39 3.796.422 5.046c1.313 1.813 2.636 1.7 4.078.546l4.034-3.231a2.5 2.5 0 0 1 1.563-.549h7.276a2.5 2.5 0 0 1 1.562.549l4.035 3.23c1.442 1.156 2.765 1.268 4.077-.545c.813-1.25.676-3.756.422-5.047c0 0-1.012-4.877-2.569-10.323c-.597-2.088-2.529-3.489-4.7-3.489z"/><circle cx="20.482" cy="15.519" r="1.199" fill="url(#iVYx6eb)"/><circle cx="22.763" cy="13.284" r="1.199" fill="url(#ibvN6hd)" transform="rotate(90 22.763 13.284)"/><circle cx="24.95" cy="15.519" r="1.199" fill="url(#i6X6Qic)"/><circle cx="22.763" cy="17.753" r="1.199" fill="url(#ixA1gBl)" transform="rotate(90 22.763 17.753)"/><circle cx="9.728" cy="15.483" r="1.969" fill="url(#iGlmQbe)"/><circle cx="9.728" cy="15.483" r="1.969" fill="url(#iAVZqbj)"/><circle cx="19.337" cy="20.53" r="1.969" fill="url(#imMKvub)"/><circle cx="19.337" cy="20.53" r="1.969" fill="url(#iXot4Kn)"/><g filter="url(#iJAFtjd)"><path fill="url(#iPJfdIW)" d="M13.204 18.296a.57.57 0 0 0-.57.57v.711a.5.5 0 0 1-.5.5h-.711a.57.57 0 0 0 0 1.14h.71a.5.5 0 0 1 .5.5v.712a.57.57 0 0 0 1.142 0v-.711a.5.5 0 0 1 .5-.5h.71a.57.57 0 0 0 0-1.14h-.71a.5.5 0 0 1-.5-.5v-.712a.57.57 0 0 0-.57-.57"/></g><defs><radialGradient id="i1X8f4d" cx="0" cy="0" r="1" gradientTransform="matrix(0 -3.12074 10.6947 0 15.93 26.462)" gradientUnits="userSpaceOnUse"><stop offset=".357" stop-color="#5E2696"/><stop offset="1" stop-color="#5E2696" stop-opacity="0"/></radialGradient><radialGradient id="iBSj9Kc" cx="0" cy="0" r="1" gradientTransform="rotate(-107.504 25.288 2.812)scale(7.77665 8.72353)" gradientUnits="userSpaceOnUse"><stop stop-color="#6A4592"/><stop offset="1" stop-color="#6A4592" stop-opacity="0"/></radialGradient><radialGradient id="ifOcYHb" cx="0" cy="0" r="1" gradientTransform="rotate(90 -2.89 12.578)scale(2.46875)" gradientUnits="userSpaceOnUse"><stop offset=".418" stop-color="#4A3383"/><stop offset="1" stop-color="#4A3383" stop-opacity="0"/></radialGradient><radialGradient id="ifdalMe" cx="0" cy="0" r="1" gradientTransform="rotate(90 -.625 19.969)scale(2.46875)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#4A3383"/><stop offset="1" stop-color="#4A3383" stop-opacity="0"/></radialGradient><radialGradient id="iWZHb3d" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.5 -1.5 0 20.484 15.5)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#4A3383"/><stop offset="1" stop-color="#4A3383" stop-opacity="0"/></radialGradient><radialGradient id="imx8wAd" cx="0" cy="0" r="1" gradientTransform="rotate(90 2.496 20.262)scale(1.49219)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#4A3383"/><stop offset="1" stop-color="#4A3383" stop-opacity="0"/></radialGradient><radialGradient id="ipXPRGd" cx="0" cy="0" r="1" gradientTransform="rotate(90 4.719 20.234)scale(1.46094)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#4A3383"/><stop offset="1" stop-color="#4A3383" stop-opacity="0"/></radialGradient><radialGradient id="iqiiEdc" cx="0" cy="0" r="1" gradientTransform="rotate(90 4.734 18.023)scale(1.42969)" gradientUnits="userSpaceOnUse"><stop offset=".671" stop-color="#4A3383"/><stop offset="1" stop-color="#4A3383" stop-opacity="0"/></radialGradient><radialGradient id="i16KP0b" cx="0" cy="0" r="1" gradientTransform="rotate(90 -3.695 16.93)scale(2.71875)" gradientUnits="userSpaceOnUse"><stop offset=".197" stop-color="#4A3383"/><stop offset="1" stop-color="#4A3383" stop-opacity="0"/></radialGradient><radialGradient id="iVYx6eb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.79688 0 0 -1.56812 21.68 15.312)" gradientUnits="userSpaceOnUse"><stop stop-color="#5CC5FF"/><stop offset="1" stop-color="#259AF4"/></radialGradient><radialGradient id="ibvN6hd" cx="0" cy="0" r="1" gradientTransform="scale(1.84766 2.11719)rotate(90 3.24 9.08)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDE74"/><stop offset="1" stop-color="#EEB84D"/></radialGradient><radialGradient id="i6X6Qic" cx="0" cy="0" r="1" gradientTransform="matrix(-1.79688 0 0 -1.56812 26.15 15.312)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5B74"/><stop offset="1" stop-color="#F21F4D"/></radialGradient><radialGradient id="ixA1gBl" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.11719 -1.84766 0 22.763 16.835)" gradientUnits="userSpaceOnUse"><stop stop-color="#57FBA4"/><stop offset="1" stop-color="#21E28C"/></radialGradient><radialGradient id="iGlmQbe" cx="0" cy="0" r="1" gradientTransform="rotate(160.894 4.584 8.496)scale(3.92162 3.62455)" gradientUnits="userSpaceOnUse"><stop stop-color="#9395E9"/><stop offset="1" stop-color="#6969BD"/></radialGradient><radialGradient id="iAVZqbj" cx="0" cy="0" r="1" gradientTransform="rotate(90 -3.69 13.417)scale(1.59741)" gradientUnits="userSpaceOnUse"><stop stop-color="#806FE7"/><stop offset="1" stop-color="#806FE7" stop-opacity="0"/></radialGradient><radialGradient id="imMKvub" cx="0" cy="0" r="1" gradientTransform="matrix(-3.00258 1.41822 -1.31079 -2.77513 20.603 19.936)" gradientUnits="userSpaceOnUse"><stop stop-color="#9395E9"/><stop offset="1" stop-color="#6969BD"/></radialGradient><radialGradient id="iXot4Kn" cx="0" cy="0" r="1" gradientTransform="rotate(90 -1.408 20.745)scale(1.59741)" gradientUnits="userSpaceOnUse"><stop stop-color="#806FE7"/><stop offset="1" stop-color="#806FE7" stop-opacity="0"/></radialGradient><radialGradient id="iPJfdIW" cx="0" cy="0" r="1" gradientTransform="rotate(136.975 3.297 12.672)scale(2.56479 2.3607)" gradientUnits="userSpaceOnUse"><stop stop-color="#8886E9"/><stop offset="1" stop-color="#8076E3"/></radialGradient><linearGradient id="icq6bJi" x1="6.696" x2="12.103" y1="11.53" y2="9.124" gradientUnits="userSpaceOnUse"><stop stop-color="#3C1B3C"/><stop offset=".355" stop-color="#501752"/></linearGradient><linearGradient id="iFMhQPc" x1="13.306" x2="11.9" y1="9.046" y2="9.483" gradientUnits="userSpaceOnUse"><stop offset=".827" stop-color="#613060"/><stop offset="1" stop-color="#613060" stop-opacity="0"/></linearGradient><linearGradient id="iB8x0cd" x1="20.353" x2="24.946" y1="8.999" y2="10.718" gradientUnits="userSpaceOnUse"><stop stop-color="#521852"/><stop offset="1" stop-color="#603260"/></linearGradient><linearGradient id="iGZGbQc" x1="18.962" x2="20.048" y1="9.515" y2="9.765" gradientUnits="userSpaceOnUse"><stop offset=".83" stop-color="#3D193D"/><stop offset="1" stop-color="#3D193D" stop-opacity="0"/></linearGradient><linearGradient id="imo5SIc" x1="15.931" x2="15.931" y1="9.749" y2="25.374" gradientUnits="userSpaceOnUse"><stop stop-color="#6259A7"/><stop offset="1" stop-color="#562F80"/></linearGradient><filter id="iJAFtjd" width="4.803" height="4.803" x="10.803" y="18.246" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.05" dy=".05"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.564706 0 0 0 0 0.568627 0 0 0 0 0.945098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_3_606"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".05" dy="-.05"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.396078 0 0 0 0 0.360784 0 0 0 0 0.796078 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_3_606" result="effect2_innerShadow_3_606"/></filter></defs></g></svg>Как использовать иконку Video Game
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:video-game" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:video-game" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:video-game" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--video-game]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:video-game"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:video-game"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/video-game.svg" alt="Иконка Video Game" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Video Game в других наборах
Вопросы и ответы: Иконка Video Game
Можно ли бесплатно использовать иконку Video Game в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Video Game в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:video-game" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Video Game на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/video-game.svg" alt="Иконка Video Game">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.