Иконка Shotgrid

devicon:shotgrid

Иконка Shotgrid (devicon:shotgrid) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><circle cx="64" cy="64" r="62"/><path fill="#fff" d="m36 70.7l-15.4 1.5c.9 3.9 2.9 7 6.1 9.2c3.1 2.1 8.4 3.2 15.9 3.2c5.2 0 9.4-.7 12.5-2c3-1.3 5.3-3.1 6.7-5.4s2.1-4.6 2.1-7s-.7-4.5-2-6.5s-3.3-3.5-5.8-4.6s-6.4-1.9-11.6-2.5c-3.4-.4-5.6-.9-6.7-1.4c-1-.5-1.5-1.3-1.5-2.3c0-.9.4-1.7 1.2-2.3q1.2-.9 3.9-.9c1.7 0 3.2.4 4.4 1.2c.9.6 1.5 1.6 1.9 2.9l14.8-1.5c-1-2.7-2.3-4.8-3.9-6.4c-1.5-1.6-3.5-2.8-5.8-3.5c-2.3-.8-5.9-1.1-10.8-1.1c-4.6 0-8.3.5-11 1.5s-4.9 2.4-6.4 4.4c-1.6 2-2.3 4.3-2.3 7c0 2.5.7 4.7 2.2 6.7c1.4 2 3.2 3.3 5.3 4.1s5.9 1.7 11.3 2.7c3.6.6 5.9 1.2 6.7 1.6c1.2.6 1.7 1.5 1.7 2.7c0 1-.4 1.9-1.3 2.5c-1.2.9-2.8 1.4-4.9 1.4c-1.9 0-3.4-.4-4.6-1.2s-2.1-2.1-2.7-4m31.1-8.2c0-12.3 9.7-22.2 23.2-22.2c6.3 0 11 1.5 13.9 2.8l.2.1v10.6l-.6-.3c-2.7-1.2-6.8-2.8-12.6-2.8c-4 0-7.1 1.4-9.2 3.5s-3.2 5-3.2 8.1c0 6.3 4.4 11.7 11.8 11.7c1.4 0 2.9-.2 4-.4V62.8h11.2v18.5l-.2.1c-4.1 2-9.7 3.2-15 3.2c-13.9.1-23.5-9.6-23.5-22.1"/></svg>

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

React

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

<Icon icon="devicon:shotgrid" width="24" />

Vue

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

<template>
  <Icon icon="devicon:shotgrid" width="24" />
</template>

Svelte

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

<Icon icon="devicon:shotgrid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--shotgrid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:shotgrid"></div>

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

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

<iconify-icon icon="devicon:shotgrid"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/devicon/shotgrid.svg" alt="Иконка Shotgrid" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Devicon →