ring one icon
ring-one from IconPark by ByteDance · Color · Connect · Apache-2.0 Free for personal and commercial use.
- Name
- ring-one
- Set
- IconPark
- Style
- Color
- Category
- Connect
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More connect icons from IconPark
Use the ring one icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M23.9996 11.2727C26.008 11.2727 27.636 9.64467 27.636 7.63636C27.636 5.62806 26.008 4 23.9996 4C21.9913 4 20.3633 5.62806 20.3633 7.63636C20.3633 9.64467 21.9913 11.2727 23.9996 11.2727Z"/><path fill="#2F88FF" d="M23.9996 44C26.008 44 27.636 42.372 27.636 40.3637C27.636 38.3554 26.008 36.7273 23.9996 36.7273C21.9913 36.7273 20.3633 38.3554 20.3633 40.3637C20.3633 42.372 21.9913 44 23.9996 44Z"/><path fill="#2F88FF" d="M7.63636 27.6363C9.64467 27.6363 11.2727 26.0082 11.2727 23.9999C11.2727 21.9916 9.64467 20.3635 7.63636 20.3635C5.62806 20.3635 4 21.9916 4 23.9999C4 26.0082 5.62806 27.6363 7.63636 27.6363Z"/><path fill="#2F88FF" d="M40.3639 27.6363C42.3722 27.6363 44.0003 26.0082 44.0003 23.9999C44.0003 21.9916 42.3722 20.3635 40.3639 20.3635C38.3556 20.3635 36.7275 21.9916 36.7275 23.9999C36.7275 26.0082 38.3556 27.6363 40.3639 27.6363Z"/><path stroke-linecap="round" d="M32.7344 10.1597C34.7921 11.4609 36.5395 13.2084 37.8407 15.266"/><path stroke-linecap="round" d="M37.8407 32.7339C36.5395 34.7916 34.7921 36.539 32.7344 37.8403"/><path stroke-linecap="round" d="M15.2665 37.8403C13.2088 36.539 11.4614 34.7916 10.1602 32.7339"/><path stroke-linecap="round" d="M10.1602 15.266C11.4614 13.2084 13.2088 11.4609 15.2665 10.1597"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkRingOne(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" d="M23.9996 11.2727C26.008 11.2727 27.636 9.64467 27.636 7.63636C27.636 5.62806 26.008 4 23.9996 4C21.9913 4 20.3633 5.62806 20.3633 7.63636C20.3633 9.64467 21.9913 11.2727 23.9996 11.2727Z"/><path fill="#2F88FF" d="M23.9996 44C26.008 44 27.636 42.372 27.636 40.3637C27.636 38.3554 26.008 36.7273 23.9996 36.7273C21.9913 36.7273 20.3633 38.3554 20.3633 40.3637C20.3633 42.372 21.9913 44 23.9996 44Z"/><path fill="#2F88FF" d="M7.63636 27.6363C9.64467 27.6363 11.2727 26.0082 11.2727 23.9999C11.2727 21.9916 9.64467 20.3635 7.63636 20.3635C5.62806 20.3635 4 21.9916 4 23.9999C4 26.0082 5.62806 27.6363 7.63636 27.6363Z"/><path fill="#2F88FF" d="M40.3639 27.6363C42.3722 27.6363 44.0003 26.0082 44.0003 23.9999C44.0003 21.9916 42.3722 20.3635 40.3639 20.3635C38.3556 20.3635 36.7275 21.9916 36.7275 23.9999C36.7275 26.0082 38.3556 27.6363 40.3639 27.6363Z"/><path strokeLinecap="round" d="M32.7344 10.1597C34.7921 11.4609 36.5395 13.2084 37.8407 15.266"/><path strokeLinecap="round" d="M37.8407 32.7339C36.5395 34.7916 34.7921 36.539 32.7344 37.8403"/><path strokeLinecap="round" d="M15.2665 37.8403C13.2088 36.539 11.4614 34.7916 10.1602 32.7339"/><path strokeLinecap="round" d="M10.1602 15.266C11.4614 13.2084 13.2088 11.4609 15.2665 10.1597"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M23.9996 11.2727C26.008 11.2727 27.636 9.64467 27.636 7.63636C27.636 5.62806 26.008 4 23.9996 4C21.9913 4 20.3633 5.62806 20.3633 7.63636C20.3633 9.64467 21.9913 11.2727 23.9996 11.2727Z"/><path fill="#2F88FF" d="M23.9996 44C26.008 44 27.636 42.372 27.636 40.3637C27.636 38.3554 26.008 36.7273 23.9996 36.7273C21.9913 36.7273 20.3633 38.3554 20.3633 40.3637C20.3633 42.372 21.9913 44 23.9996 44Z"/><path fill="#2F88FF" d="M7.63636 27.6363C9.64467 27.6363 11.2727 26.0082 11.2727 23.9999C11.2727 21.9916 9.64467 20.3635 7.63636 20.3635C5.62806 20.3635 4 21.9916 4 23.9999C4 26.0082 5.62806 27.6363 7.63636 27.6363Z"/><path fill="#2F88FF" d="M40.3639 27.6363C42.3722 27.6363 44.0003 26.0082 44.0003 23.9999C44.0003 21.9916 42.3722 20.3635 40.3639 20.3635C38.3556 20.3635 36.7275 21.9916 36.7275 23.9999C36.7275 26.0082 38.3556 27.6363 40.3639 27.6363Z"/><path stroke-linecap="round" d="M32.7344 10.1597C34.7921 11.4609 36.5395 13.2084 37.8407 15.266"/><path stroke-linecap="round" d="M37.8407 32.7339C36.5395 34.7916 34.7921 36.539 32.7344 37.8403"/><path stroke-linecap="round" d="M15.2665 37.8403C13.2088 36.539 11.4614 34.7916 10.1602 32.7339"/><path stroke-linecap="round" d="M10.1602 15.266C11.4614 13.2084 13.2088 11.4609 15.2665 10.1597"/></g></svg> </template>
CSS
.icon-ring-one {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M23.9996%2011.2727C26.008%2011.2727%2027.636%209.64467%2027.636%207.63636C27.636%205.62806%2026.008%204%2023.9996%204C21.9913%204%2020.3633%205.62806%2020.3633%207.63636C20.3633%209.64467%2021.9913%2011.2727%2023.9996%2011.2727Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M23.9996%2044C26.008%2044%2027.636%2042.372%2027.636%2040.3637C27.636%2038.3554%2026.008%2036.7273%2023.9996%2036.7273C21.9913%2036.7273%2020.3633%2038.3554%2020.3633%2040.3637C20.3633%2042.372%2021.9913%2044%2023.9996%2044Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M7.63636%2027.6363C9.64467%2027.6363%2011.2727%2026.0082%2011.2727%2023.9999C11.2727%2021.9916%209.64467%2020.3635%207.63636%2020.3635C5.62806%2020.3635%204%2021.9916%204%2023.9999C4%2026.0082%205.62806%2027.6363%207.63636%2027.6363Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M40.3639%2027.6363C42.3722%2027.6363%2044.0003%2026.0082%2044.0003%2023.9999C44.0003%2021.9916%2042.3722%2020.3635%2040.3639%2020.3635C38.3556%2020.3635%2036.7275%2021.9916%2036.7275%2023.9999C36.7275%2026.0082%2038.3556%2027.6363%2040.3639%2027.6363Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M32.7344%2010.1597C34.7921%2011.4609%2036.5395%2013.2084%2037.8407%2015.266%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M37.8407%2032.7339C36.5395%2034.7916%2034.7921%2036.539%2032.7344%2037.8403%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15.2665%2037.8403C13.2088%2036.539%2011.4614%2034.7916%2010.1602%2032.7339%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.1602%2015.266C11.4614%2013.2084%2013.2088%2011.4609%2015.2665%2010.1597%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M23.9996%2011.2727C26.008%2011.2727%2027.636%209.64467%2027.636%207.63636C27.636%205.62806%2026.008%204%2023.9996%204C21.9913%204%2020.3633%205.62806%2020.3633%207.63636C20.3633%209.64467%2021.9913%2011.2727%2023.9996%2011.2727Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M23.9996%2044C26.008%2044%2027.636%2042.372%2027.636%2040.3637C27.636%2038.3554%2026.008%2036.7273%2023.9996%2036.7273C21.9913%2036.7273%2020.3633%2038.3554%2020.3633%2040.3637C20.3633%2042.372%2021.9913%2044%2023.9996%2044Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M7.63636%2027.6363C9.64467%2027.6363%2011.2727%2026.0082%2011.2727%2023.9999C11.2727%2021.9916%209.64467%2020.3635%207.63636%2020.3635C5.62806%2020.3635%204%2021.9916%204%2023.9999C4%2026.0082%205.62806%2027.6363%207.63636%2027.6363Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M40.3639%2027.6363C42.3722%2027.6363%2044.0003%2026.0082%2044.0003%2023.9999C44.0003%2021.9916%2042.3722%2020.3635%2040.3639%2020.3635C38.3556%2020.3635%2036.7275%2021.9916%2036.7275%2023.9999C36.7275%2026.0082%2038.3556%2027.6363%2040.3639%2027.6363Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M32.7344%2010.1597C34.7921%2011.4609%2036.5395%2013.2084%2037.8407%2015.266%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M37.8407%2032.7339C36.5395%2034.7916%2034.7921%2036.539%2032.7344%2037.8403%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15.2665%2037.8403C13.2088%2036.539%2011.4614%2034.7916%2010.1602%2032.7339%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.1602%2015.266C11.4614%2013.2084%2013.2088%2011.4609%2015.2665%2010.1597%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/ring-one.svg?color=%231a73e8&size=48
