My Sites Horizon icon
gridicons:my-sites-horizon
The My Sites Horizon icon (gridicons:my-sites-horizon) is a free SVG icon from the Gridicons set by Automattic. It is drawn on a 24 × 24 grid. Gridicons are released under the GPL 2.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Gridicons
- Author
- Automattic
- License
- GPL-2.0-only
- Size
- 24 × 24
- Tags
- mysites, siteshorizon, mysiteshorizon, site
SVG code
<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>How to use the My Sites Horizon icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/gridicons/my-sites-horizon.svg" alt="My Sites Horizon icon" width="24" height="24">Related icons in Gridicons
My Sites Horizon icon FAQ
Is the My Sites Horizon icon free for commercial use?
Yes. Gridicons are released under the GPL 2.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license.
How do I use the My Sites Horizon icon in React?
Install @iconify/react and render <Icon icon="gridicons:my-sites-horizon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the My Sites Horizon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/gridicons/my-sites-horizon.svg" alt="My Sites Horizon icon">, or paste the SVG code inline to style it with CSS.