Иконка Opengrind

arcticons:opengrind

Иконка Opengrind (arcticons:opengrind) — бесплатная SVG-иконка из набора Arcticons от Donnnno. Она нарисована на сетке 48 × 48. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Arcticons
Автор: Donnnno
Лицензия: CC-BY-SA-4.0
Размер: 48 × 48

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linejoin="round" d="M22.855 13.085c.211 1.496.031 10.354 0 10.835c-.022.49-.045 1.43-.518 1.557c-.88.234-1.414-1.03-2.302-1.918c-1.27-1.27-3.414-2.03-4.278-2.323c-1.783-.578-7.332-2.715-7.934-3.068c-.436-.247-.782-.52-1.255-1.248c-.338-.527-.654-2.082-.805-3.331c-.15-1.248-.263-3.557-.263-3.918c0-.196.038-.542.3-1.068c.211-.421.467-.684.828-.947c.715-.534 1.571-1.174 1.82-1.331c.248-.166.526-.294.947-.264c3.301.21 10.062.963 11.302 2.136c1.249 1.18 1.948 3.392 2.158 4.888ZM10.588 24.464c.134 2.36.427 3.534.932 4.3c.503.768.616 1.85.158 3.106c-.564 1.572-1.038 2.038-1.392 2.038c-.361 0-.541-.684-.706-1.354c-.159-.646-1.618-7.143-1.775-7.767c-.158-.625-.707-2.948-.624-4.278c.059-1.068 1.64-.483 1.895-.166c.639.624 1.383 1.767 1.512 4.12Zm2.66 7.96l-.797 2.01c-.261.642-.621 2.052-.43 2.645c.226.705 1.919 1.968 3.957 3.146c1.876 1.078 4.351 1.544 5.528 1.706c1.002.135 1.384-.726 1.384-3.124c0-5.304.071-7.696-.233-8.07c-.488-.606-1.438-.472-2.821.762c-1.376 1.228-3.033 1.003-3.858.776c-.684-.19-1.192-.592-1.764-.705c-.451-.091-.832.529-.966.854Zm11.897-19.34c-.211 1.497-.031 10.355 0 10.836c.022.49.053 1.43.518 1.557c.88.234 1.414-1.03 2.302-1.918c1.271-1.27 3.414-2.03 4.278-2.323c1.783-.578 7.332-2.715 7.934-3.068c.436-.247.782-.52 1.255-1.248c.338-.527.654-2.082.805-3.331c.15-1.248.263-3.557.263-3.918c0-.196-.038-.542-.3-1.068c-.211-.421-.468-.684-.829-.947c-.714-.534-1.57-1.174-1.819-1.331a1.4 1.4 0 0 0-.947-.264c-3.301.21-10.062.963-11.302 2.136c-1.249 1.18-1.948 3.392-2.158 4.888Zm12.191 11.38c-.135 2.36-.428 3.534-.932 4.3s-.61 1.85-.159 3.106c.564 1.572 1.039 2.038 1.392 2.038c.361 0 .541-.684.707-1.354c.157-.646 1.609-7.143 1.775-7.767c.157-.625.707-2.948.623-4.278c-.059-1.068-1.639-.483-1.895-.166c-.639.624-1.383 1.767-1.511 4.12Zm-2.656 7.96l.789 2.01c.267.642.628 2.052.437 2.645c-.226.705-1.919 1.968-3.957 3.146c-1.876 1.078-4.351 1.544-5.528 1.706c-1.002.135-1.384-.726-1.384-3.124c0-5.304-.071-7.696.233-8.07c.488-.606 1.438-.472 2.822.762c1.374 1.228 3.032 1.003 3.857.776c.684-.19 1.192-.592 1.764-.705c.451-.091.833.529.967.854Z"/></svg>

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

React

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

<Icon icon="arcticons:opengrind" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:opengrind" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:opengrind" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="arcticons:opengrind"></iconify-icon>

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

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

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

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

Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Arcticons →