ICONYZ
Русский
Иконка My Sites Horizon из набора Gridicons

Иконка My Sites Horizon

gridicons:my-sites-horizon

Иконка My Sites Horizon (gridicons:my-sites-horizon) — бесплатная SVG-иконка из набора Gridicons от Automattic. Она нарисована на сетке 24 × 24. Gridicons выпущены под лицензией GPL 2.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Gridicons
Автор
Automattic
Лицензия
GPL-2.0-only
Размер
24 × 24
Теги
mysites, siteshorizon, mysiteshorizon, site
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10.986 13.928l.762-2.284l-1.324-3.629a16 16 0 0 1-.892-.081c-.458-.027-.405-.727.054-.701c0 0 1.403.108 2.239.108c.889 0 2.266-.108 2.266-.108c.458-.027.512.646.054.701c0 0-.461.054-.973.081l2.006 5.966a82 82 0 0 0-2.599-.061l-.429-1.177l-.403 1.171c-.252.001-.508.01-.761.014m-7.156.393A8.5 8.5 0 0 1 3.5 12c0-1.232.264-2.402.736-3.459l2.036 5.578q1.273-.087 2.526-.137L6.792 8.015c.512-.027.973-.081.973-.081c.458-.054.404-.727-.055-.701c0 0-1.376.108-2.265.108c-.16 0-.347-.004-.547-.01A8.49 8.49 0 0 1 12 3.5c2.213 0 4.228.846 5.74 2.232c-.036-.002-.072-.007-.11-.007c-.835 0-1.427.727-1.427 1.509c0 .701.404 1.293.835 1.994c.323.566.701 1.293.701 2.344c0 .674-.245 1.463-.573 2.51q.452.03.907.066l.798-2.307c.485-1.213.646-2.182.646-3.044q-.002-.469-.057-.874A8.5 8.5 0 0 1 20.5 12c0 .807-.128 1.581-.339 2.32c.5.049 1.005.112 1.508.169A10 10 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 .862.125 1.692.331 2.49c.5-.057 1.002-.12 1.499-.169m14.638 3.167c-1.792 2.184-4.35 3.013-6.468 3.013c-1.876 0-4.551-.698-6.463-3.013q-.877.07-1.769.161C5.571 20.271 8.578 22 12 22s6.429-1.729 8.232-4.351a80 80 0 0 0-1.764-.161M12 15.01c-3.715 0-7.368.266-10.958.733q.27.615.506 1.247c3.427-.431 6.91-.679 10.452-.679s7.025.248 10.452.679q.236-.632.506-1.246A85 85 0 0 0 12 15.01"/></svg>

Как использовать иконку My Sites Horizon

React

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

<Icon icon="gridicons:my-sites-horizon" width="24" />

Vue

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

<template>
  <Icon icon="gridicons:my-sites-horizon" width="24" />
</template>

Svelte

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

<Icon icon="gridicons:my-sites-horizon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gridicons--my-sites-horizon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gridicons -->
<div class="i-gridicons:my-sites-horizon"></div>

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

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

<iconify-icon icon="gridicons:my-sites-horizon"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/gridicons/my-sites-horizon.svg" alt="Иконка My Sites Horizon" width="24" height="24">

Похожие иконки в наборе Gridicons

Иконка my-sites
my-sites

Вопросы и ответы: Иконка My Sites Horizon

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

Да. Gridicons выпущены под лицензией GPL 2.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.

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

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

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

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

Все Gridicons →