Иконка Computer Mouse

noto:computer-mouse

Иконка Computer Mouse (noto:computer-mouse) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Предметы
Теги: computermouse

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#E0E0E0" d="M103.07 37.67C103.07 16.11 85.55 4 64 4S24.93 16.11 24.93 37.67v47.27C24.93 106.49 42.45 124 64 124s39.07-17.51 39.07-39.07z"/><path fill="#FFF" d="M97.77 43.53c0-8.85-2.28-20.15-10.87-27.71c-3.73-3.28-8.24-6.14-12.17-5.36c-6.28 1.25-4.42 8.18-1.86 12.2c1.84 2.89 5.04 6.15 5.44 18.94c.15 4.97.17 9.63-1.28 14.38c-3.8 12.45-14.18 10.17-15.87 11.1c-3.03 1.67-3.49 5.77-3.5 9.23c-.03 8.27-.39 17.22.48 25.44c.6 5.67 3.98 13.08 10.87 12.8c5.5-.22 9.34-2.08 13.82-5.16c9.01-6.18 14.52-16.6 14.52-27.52c.01-.01.42-38.32.42-38.34" opacity=".51"/><path fill="#B5B5B5" d="M66.62 4.07c-.87-.04-1.78-.31-3.13.94c-1.35 1.26-1.77 2.47-1.98 5.81l-.14 32.84h5.25z"/><path fill="#B5B5B5" d="M96.07 48.01c-4.85-2.82-11.5-5.37-20.46-6.59a2.61 2.61 0 0 1-2.25-2.58v-4.57c-.28-7.91-4.36-11.3-9.74-11.3S53.54 25.15 53.08 35.2l-.06 3.42a3.22 3.22 0 0 1-2.7 3.11c-7.89 1.3-13.87 3.66-18.33 6.25c-4.38 2.53-7.05 7.22-7.05 12.27v1.2c.82-1.48 6.72-10.86 24.79-14.28c1.63-.31 3.12.98 3.09 2.63l-.02.93c.65 10.14 5.43 12.72 10.81 12.72s9.84-3.32 9.74-10.67v-3.72c0-1.41 1.26-2.5 2.65-2.29c19.88 3.01 26.16 13.04 27.06 14.68v-1.2c.01-5.03-2.64-9.71-6.99-12.24"/><path fill="#504F4F" d="M64 60.69c-4.06 0-7.31-3.51-7.31-7.89V33.62c0-4.38 3.25-7.89 7.31-7.89s7.31 3.51 7.31 7.89V52.8c0 4.38-3.25 7.89-7.31 7.89"/><path fill="#757575" d="M69.08 32.32c1.14 6.66.63 14.7.18 20.09s-3.05 6.46-4.45 6.77c-1.9.42-4.06-.21-4.89-2.24c0 0 2.03-2.29 2.36-5.51c.55-5.37.89-10.82.2-16.17c-.31-2.38-.36-4.54-2.56-5.23c0 0 .44-1.53 2.19-2.2c5.41-2.1 6.71 2.98 6.97 4.49"/><path fill="#FFF" d="M51.78 10.01c4.88-1.9 6.33 2.44 6.37 3.39c.05 1.56 1.22 7.45-1.44 9c-6.25 3.63-4.79 8.34-8.15 9.73c-4.17 1.72-6.14-3.03-6.06-6.14c.34-13.13 6.91-15.05 9.28-15.98" opacity=".51"/></svg>

Как использовать иконку Computer Mouse

React

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

<Icon icon="noto:computer-mouse" width="24" />

Vue

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

<template>
  <Icon icon="noto:computer-mouse" width="24" />
</template>

Svelte

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

<Icon icon="noto:computer-mouse" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--computer-mouse]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:computer-mouse"></div>

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

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

<iconify-icon icon="noto:computer-mouse"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/noto/computer-mouse.svg" alt="Иконка Computer Mouse" width="24" height="24">

Иконка Computer Mouse в других наборах

Вопросы и ответы: Иконка Computer Mouse

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

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

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

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

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

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

Все Иконки Noto Emoji →