Ring 2 Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Ring 2 icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/332170.svg" alt="Ring 2 icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/332170.svg" alt="Ring 2 icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/332170.svg" alt="Ring 2 icon" :width="24" :height="24" />
CSS background
.icon-ring-2 {
background-image: url('https://proicons.com/icon/332170.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}.c{fill:#000;stroke-width:0px;}</style></defs><rect class="b" x="5.5" y="5.5" width="37" height="37" rx="4" ry="4"/><path class="b" d="M36,21.5738v7.9866c0,1.9431-1.5752,3.5183-3.5183,3.5183h0c-.9715,0-1.8511-.3938-2.4878-1.0304"/><rect class="b" x="28.9633" y="18.0555" width="7.0367" height="10.2735" rx="3.5183" ry="3.5183" transform="translate(64.9633 46.3844) rotate(180)"/><path class="b" d="M12,21.5738c0-.9716.3938-1.8511,1.0305-2.4878s1.5163-1.0305,2.4878-1.0305h0"/><line class="b" x1="12" y1="21.5738" x2="12" y2="28.329"/><circle class="c" cx="17.5252" cy="15.6453" r=".75"/><line class="b" x1="17.5252" y1="18.0555" x2="17.5252" y2="28.329"/><path class="b" d="M26.7784,28.329v-6.7552c0-1.9431-1.5752-3.5183-3.5183-3.5183h0c-1.9431,0-3.5183,1.5752-3.5183,3.5183v6.7552"/></svg>
Ring 2 in other icon packs
Copied!