Nine Points Connected icon
icon-park:nine-points-connected
The Nine Points Connected icon (icon-park:nine-points-connected) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Abstract
- Tags
- ninepoints, pointsconnected, ninepointsconnected, point
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M26.8286 37.1718L37.1718 26.8286"/><path d="M21.1718 26.8286L10.8286 37.1718"/><path d="M26.8286 21.1718L37.1718 10.8286"/><path d="M10.8286 21.1718L21.1718 10.8286"/><path fill="#2F88FF" d="M12 8C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C10.2091 4 12 5.79086 12 8Z"/><path fill="#2F88FF" d="M28 8C28 10.2091 26.2091 12 24 12C21.7909 12 20 10.2091 20 8C20 5.79086 21.7909 4 24 4C26.2091 4 28 5.79086 28 8Z"/><path fill="#2F88FF" d="M44 8C44 10.2091 42.2091 12 40 12C37.7909 12 36 10.2091 36 8C36 5.79086 37.7909 4 40 4C42.2091 4 44 5.79086 44 8Z"/><path fill="#2F88FF" d="M44 24C44 26.2091 42.2091 28 40 28C37.7909 28 36 26.2091 36 24C36 21.7909 37.7909 20 40 20C42.2091 20 44 21.7909 44 24Z"/><path fill="#2F88FF" d="M44 40C44 42.2091 42.2091 44 40 44C37.7909 44 36 42.2091 36 40C36 37.7909 37.7909 36 40 36C42.2091 36 44 37.7909 44 40Z"/><path fill="#2F88FF" d="M28 40C28 42.2091 26.2091 44 24 44C21.7909 44 20 42.2091 20 40C20 37.7909 21.7909 36 24 36C26.2091 36 28 37.7909 28 40Z"/><path fill="#2F88FF" d="M12 40C12 42.2091 10.2091 44 8 44C5.79086 44 4 42.2091 4 40C4 37.7909 5.79086 36 8 36C10.2091 36 12 37.7909 12 40Z"/><path fill="#2F88FF" d="M12 24C12 26.2091 10.2091 28 8 28C5.79086 28 4 26.2091 4 24C4 21.7909 5.79086 20 8 20C10.2091 20 12 21.7909 12 24Z"/><path fill="#2F88FF" d="M28 24C28 26.2091 26.2091 28 24 28C21.7909 28 20 26.2091 20 24C20 21.7909 21.7909 20 24 20C26.2091 20 28 21.7909 28 24Z"/></g></svg>How to use the Nine Points Connected icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:nine-points-connected" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:nine-points-connected" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:nine-points-connected" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--nine-points-connected]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:nine-points-connected"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:nine-points-connected"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/nine-points-connected.svg" alt="Nine Points Connected icon" width="24" height="24">Related icons in IconPark
Nine Points Connected icon in other icon sets
Nine Points Connected icon FAQ
Is the Nine Points Connected icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Nine Points Connected icon in React?
Install @iconify/react and render <Icon icon="icon-park:nine-points-connected" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nine Points Connected icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/nine-points-connected.svg" alt="Nine Points Connected icon">, or paste the SVG code inline to style it with CSS.