ICONYZ
Русский
Иконка On Sight из набора Game Icons

Иконка On Sight

game-icons:on-sight

Иконка On Sight (game-icons:on-sight) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Game Icons
Автор
GameIcons
Лицензия
CC-BY-3.0
Размер
512 × 512
Теги
onsight
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M255.074 22.736v.018c-27.076 0-51.88 13.913-70.523 37.744c-18.626 23.831-30.596 57.49-30.596 94.814c0 38.717 13.254 73.419 33.217 97.452l12.924 15.638l-19.946 3.758c-56.755 10.705-83.593 32.54-99.175 69.149c-14.592 34.39-17.652 84.233-17.963 147.955h63.101v-64.95H146v64.95h220.373v-64.95h19.979v64.95h62.636c-.018-64.235-.695-115.234-13.986-150.102c-14.133-37.048-40.165-58.973-102.053-68.726l-20.295-3.19l12.832-16.039c18.937-23.776 30.653-57.948 30.653-95.894c0-37.324-11.916-70.984-30.596-94.815c-18.644-23.83-43.411-37.762-70.469-37.762m-24.142 77.252s-1.358 9.218-4.309 12.6c-1.558 1.567-3.317 3.473-5.572 4.922c-2.365 1.32-5.077 2.384-7.717 3.576c-10.34 5.133-21.12 9.541-21.12 9.541l-.513-.787s8.58-13.911 17.6-21.098c2.2-1.888 4.325-3.903 6.488-5.47c2.273-1.44 4.767-2.228 6.838-2.971c2.667-.623 7.155-1.783 8.305-.313m58.441.313c2.072.742 4.565 1.531 6.838 2.97c2.163 1.568 4.29 3.583 6.49 5.471c9.02 7.186 17.598 21.098 17.598 21.098l-.512.787s-10.78-4.409-21.119-9.541c-2.64-1.192-5.353-2.255-7.717-3.574c-2.255-1.449-4.016-3.355-5.574-4.922c-2.951-3.382-4.307-12.6-4.307-12.6c1.552-1.335 6.574-.146 8.303.31zm-68.67 29.931c10.688 0 19.358 8.672 19.358 19.36s-8.67 19.357-19.358 19.357c-10.687 0-19.36-8.67-19.36-19.357c0-10.688 8.673-19.36 19.36-19.36m70.596 0c10.687 0 19.357 8.672 19.357 19.36s-8.67 19.36-19.357 19.36c-10.688 0-19.36-8.673-19.36-19.36c0-10.688 8.672-19.36 19.36-19.36m-42.52 141.438h14.422v22.926c36.503 3.457 65.373 32.325 68.83 68.827h22.923v14.372h-22.923c-3.482 36.502-32.327 65.373-68.83 68.83v22.95H248.78v-22.95c-36.502-3.457-65.345-32.328-68.827-68.83h-22.926v-14.372h22.926c3.457-36.502 32.325-65.37 68.827-68.827zm0 38.565c-27.873 3.332-49.854 25.289-53.186 53.188h20.116v14.372h-20.116c3.332 27.899 25.313 49.856 53.186 53.188v-20.092h14.422v20.092c27.875-3.332 49.857-25.29 53.189-53.188h-20.116v-14.372h20.116c-3.332-27.9-25.314-49.856-53.189-53.188v20.118H248.78zm0 28.72h14.422v24.468h22.132v14.372H263.2v19.842h-14.42v-19.842h-22.13v-14.372h22.13z"/></svg>

Как использовать иконку On Sight

React

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

<Icon icon="game-icons:on-sight" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:on-sight" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:on-sight" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--on-sight]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:on-sight"></div>

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

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

<iconify-icon icon="game-icons:on-sight"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/game-icons/on-sight.svg" alt="Иконка On Sight" width="24" height="24">

Похожие иконки в наборе Game Icons

Иконка on-target
on-target
 Иконка one-eyed
one-eyed
 Иконка oni
oni
 Иконка onigori
onigori

Вопросы и ответы: Иконка On Sight

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

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Game Icons →