Иконка Global Edit Filled
reicon:global-edit-filled
Иконка Global Edit Filled (reicon:global-edit-filled) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="m18.73 14.671l-4.15 4.15c-.16.16-.31.47-.35.69l-.23 1.59c-.08.57.32.98.89.89l1.59-.23c.22-.03.53-.19.69-.35l4.15-4.15c.71-.71 1.05-1.55 0-2.6c-1.04-1.04-1.87-.71-2.59.01"/><path d="M18.14 15.262a3.76 3.76 0 0 0 2.6 2.6zm-16.11-.633c0 .03-.02.07-.02.1a9.5 9.5 0 0 0 4.26 4.26c.03 0 .07-.02.1-.02c-.34-1.16-.6-2.35-.79-3.54c-1.2-.2-2.39-.46-3.55-.8m17.04-8.198a9.5 9.5 0 0 0-4.49-4.49c.36 1.19.66 2.41.86 3.63c1.22.2 2.44.49 3.63.86M1.93 6.43c1.2-.36 2.42-.66 3.64-.86c.2-1.19.45-2.37.79-3.53c-.03 0-.07-.02-.1-.02c-1.88.93-3.41 2.5-4.33 4.41m11.89-1.07c-.24-1.3-.54-2.6-.97-3.86c-.02-.07-.02-.13-.03-.21C12.08 1.11 11.3 1 10.5 1c-.81 0-1.58.11-2.33.3c-.01.07 0 .13-.02.21c-.42 1.26-.73 2.55-.97 3.85c2.21-.24 4.43-.24 6.64 0M5.36 7.18c-1.31.24-2.59.55-3.86.97c-.07.02-.13.02-.2.03c-.19.74-.3 1.52-.3 2.32c0 .81.11 1.58.3 2.33c.07.01.13 0 .21.02c1.26.42 2.55.73 3.86.97c-.25-2.21-.25-4.43-.01-6.64m14.34 1c-.07 0-.13-.01-.21-.03c-1.26-.42-2.56-.73-3.86-.97c.25 2.21.25 4.43 0 6.63c1.3-.24 2.6-.54 3.86-.97c.07-.02.13-.01.21-.02c.18-.75.3-1.52.3-2.33c0-.79-.11-1.56-.3-2.31M7.18 15.639c.24 1.31.54 2.6.97 3.86c.02.07.01.13.02.21c.75.18 1.52.29 2.33.29c.8 0 1.58-.11 2.32-.3c.01-.07.01-.13.03-.21c.42-1.26.73-2.55.97-3.86c-1.1.12-2.21.21-3.32.21s-2.22-.08-3.32-.2m-.23-8.687c-.3 2.36-.3 4.74 0 7.11c2.36.3 4.74.3 7.11 0c.3-2.36.3-4.74 0-7.11c-2.37-.3-4.75-.3-7.11 0"/></g></svg>Как использовать иконку Global Edit Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:global-edit-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:global-edit-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:global-edit-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--global-edit-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:global-edit-filled"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:global-edit-filled"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/global-edit-filled.svg" alt="Иконка Global Edit Filled" width="24" height="24">Похожие иконки в наборе Reicon
Вопросы и ответы: Иконка Global Edit Filled
Можно ли бесплатно использовать иконку Global Edit Filled в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Global Edit Filled в React?
Установите @iconify/react и выведите <Icon icon="reicon:global-edit-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Global Edit Filled на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/global-edit-filled.svg" alt="Иконка Global Edit Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.