Иконка Laptop Cog Bold

glyphs:laptop-cog-bold

Иконка Laptop Cog Bold (glyphs:laptop-cog-bold) — бесплатная SVG-иконка из набора Glyphs от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: laptopcog, cogbold, laptopcogbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="M37.558 32.242a4.62 4.62 0 0 1 4.493 0l.125.07a4.375 4.375 0 0 1 0 7.644l-.125.07a4.62 4.62 0 0 1-4.494 0l-.125-.07a4.375 4.375 0 0 1 0-7.644z"/><path fill-rule="evenodd" d="M16 16.256a4 4 0 0 0-4 4v32h20.126a4 4 0 0 1 3.873 2.998l.001.002h8l.001-.002a4 4 0 0 1 3.873-2.998H68v-32a4 4 0 0 0-4-4zm27.343 11.632a.91.91 0 0 1-.569-.756l-.165-1.997a.82.82 0 0 0-.666-.75a12.3 12.3 0 0 0-4.277 0a.82.82 0 0 0-.666.75l-.165 1.997a.91.91 0 0 1-.568.756a9 9 0 0 0-.956.462l-.25.14q-.438.244-.839.53a.91.91 0 0 1-.908.101l-1.952-.895a.82.82 0 0 0-.959.19a11.7 11.7 0 0 0-2.197 3.683a.82.82 0 0 0 .328.96l1.711 1.136a.91.91 0 0 1 .386.876a8.8 8.8 0 0 0 0 2.126a.91.91 0 0 1-.386.877l-1.71 1.135a.82.82 0 0 0-.328.96a11.7 11.7 0 0 0 2.198 3.683a.82.82 0 0 0 .959.19l1.95-.895a.91.91 0 0 1 .909.101q.4.288.837.53l.251.14q.468.261.956.462a.91.91 0 0 1 .568.756L37 47.131a.82.82 0 0 0 .666.75c1.415.248 2.863.248 4.278-.001a.82.82 0 0 0 .665-.75l.165-1.994a.91.91 0 0 1 .569-.756q.486-.201.955-.462l.25-.14q.438-.243.838-.53a.91.91 0 0 1 .908-.1l1.95.893a.82.82 0 0 0 .958-.19c.954-1.081 1.7-2.33 2.198-3.683a.82.82 0 0 0-.328-.96l-1.708-1.135a.91.91 0 0 1-.387-.876a8.8 8.8 0 0 0 0-2.126a.91.91 0 0 1 .387-.876l1.709-1.135a.82.82 0 0 0 .328-.96a11.7 11.7 0 0 0-2.197-3.683a.82.82 0 0 0-.959-.19l-1.95.894a.91.91 0 0 1-.908-.1a9 9 0 0 0-.838-.531l-.251-.14a9 9 0 0 0-.955-.462" clip-rule="evenodd"/><path d="M32.126 56.256H4.152a.15.15 0 0 0-.152.152a7.85 7.85 0 0 0 7.848 7.848h56.304A7.85 7.85 0 0 0 76 56.408a.15.15 0 0 0-.152-.152H47.874a4 4 0 0 1-3.874 3h-8a4 4 0 0 1-3.874-3"/></g></svg>

Как использовать иконку Laptop Cog Bold

React

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

<Icon icon="glyphs:laptop-cog-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:laptop-cog-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:laptop-cog-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--laptop-cog-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:laptop-cog-bold"></div>

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

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

<iconify-icon icon="glyphs:laptop-cog-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/glyphs/laptop-cog-bold.svg" alt="Иконка Laptop Cog Bold" width="24" height="24">

Вопросы и ответы: Иконка Laptop Cog Bold

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

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

Как использовать иконку Laptop Cog Bold в React?

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

Как добавить иконку Laptop Cog Bold на веб-страницу?

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

Все Иконки Glyphs →