multi ring icon
multi-ring from IconPark by ByteDance · Color · Abstract · Apache-2.0 Free for personal and commercial use.
- Name
- multi-ring
- Set
- IconPark
- Style
- Color
- Category
- Abstract
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More abstract icons from IconPark
Use the multi ring 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-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M30 10C30 6.68629 27.3137 4 24 4C20.6863 4 18 6.68629 18 10V24C18 27.3137 20.6863 30 24 30C27.3137 30 30 27.3137 30 24V10Z"/><path d="M38.1422 18.3432C40.4853 16.0001 40.4853 12.2011 38.1422 9.85795C35.799 7.5148 32 7.5148 29.6569 9.85795L19.7574 19.7575C17.4142 22.1006 17.4142 25.8996 19.7574 28.2427C22.1005 30.5859 25.8995 30.5859 28.2427 28.2427L38.1422 18.3432Z"/><path d="M38 30C41.3137 30 44 27.3137 44 24C44 20.6863 41.3137 18 38 18H24C20.6863 18 18 20.6863 18 24C18 27.3137 20.6863 30 24 30H38Z"/><path d="M29.6568 38.1421C32 40.4853 35.799 40.4853 38.1421 38.1421C40.4853 35.799 40.4853 32 38.1421 29.6568L28.2426 19.7574C25.8995 17.4142 22.1005 17.4142 19.7573 19.7574C17.4142 22.1005 17.4142 25.8995 19.7573 28.2426L29.6568 38.1421Z"/><path d="M18 38C18 41.3137 20.6863 44 24 44C27.3137 44 30 41.3137 30 38V24C30 20.6863 27.3137 18 24 18C20.6863 18 18 20.6863 18 24V38Z"/><path d="M9.85795 29.6569C7.5148 32 7.5148 35.799 9.85795 38.1421C12.2011 40.4853 16.0001 40.4853 18.3432 38.1421L28.2427 28.2426C30.5859 25.8995 30.5859 22.1005 28.2427 19.7574C25.8996 17.4142 22.1006 17.4142 19.7574 19.7574L9.85795 29.6569Z"/><path d="M10 18C6.68629 18 4 20.6863 4 24C4 27.3137 6.68629 30 10 30H24C27.3137 30 30 27.3137 30 24C30 20.6863 27.3137 18 24 18H10Z"/><path d="M18.3433 9.85795C16.0001 7.5148 12.2011 7.5148 9.85794 9.85795C7.5148 12.2011 7.5148 16.0001 9.85795 18.3433L19.7575 28.2427C22.1006 30.5859 25.8996 30.5859 28.2427 28.2427C30.5859 25.8996 30.5859 22.1006 28.2428 19.7575L18.3433 9.85795Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkMultiRing(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M30 10C30 6.68629 27.3137 4 24 4C20.6863 4 18 6.68629 18 10V24C18 27.3137 20.6863 30 24 30C27.3137 30 30 27.3137 30 24V10Z"/><path d="M38.1422 18.3432C40.4853 16.0001 40.4853 12.2011 38.1422 9.85795C35.799 7.5148 32 7.5148 29.6569 9.85795L19.7574 19.7575C17.4142 22.1006 17.4142 25.8996 19.7574 28.2427C22.1005 30.5859 25.8995 30.5859 28.2427 28.2427L38.1422 18.3432Z"/><path d="M38 30C41.3137 30 44 27.3137 44 24C44 20.6863 41.3137 18 38 18H24C20.6863 18 18 20.6863 18 24C18 27.3137 20.6863 30 24 30H38Z"/><path d="M29.6568 38.1421C32 40.4853 35.799 40.4853 38.1421 38.1421C40.4853 35.799 40.4853 32 38.1421 29.6568L28.2426 19.7574C25.8995 17.4142 22.1005 17.4142 19.7573 19.7574C17.4142 22.1005 17.4142 25.8995 19.7573 28.2426L29.6568 38.1421Z"/><path d="M18 38C18 41.3137 20.6863 44 24 44C27.3137 44 30 41.3137 30 38V24C30 20.6863 27.3137 18 24 18C20.6863 18 18 20.6863 18 24V38Z"/><path d="M9.85795 29.6569C7.5148 32 7.5148 35.799 9.85795 38.1421C12.2011 40.4853 16.0001 40.4853 18.3432 38.1421L28.2427 28.2426C30.5859 25.8995 30.5859 22.1005 28.2427 19.7574C25.8996 17.4142 22.1006 17.4142 19.7574 19.7574L9.85795 29.6569Z"/><path d="M10 18C6.68629 18 4 20.6863 4 24C4 27.3137 6.68629 30 10 30H24C27.3137 30 30 27.3137 30 24C30 20.6863 27.3137 18 24 18H10Z"/><path d="M18.3433 9.85795C16.0001 7.5148 12.2011 7.5148 9.85794 9.85795C7.5148 12.2011 7.5148 16.0001 9.85795 18.3433L19.7575 28.2427C22.1006 30.5859 25.8996 30.5859 28.2427 28.2427C30.5859 25.8996 30.5859 22.1006 28.2428 19.7575L18.3433 9.85795Z"/></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-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M30 10C30 6.68629 27.3137 4 24 4C20.6863 4 18 6.68629 18 10V24C18 27.3137 20.6863 30 24 30C27.3137 30 30 27.3137 30 24V10Z"/><path d="M38.1422 18.3432C40.4853 16.0001 40.4853 12.2011 38.1422 9.85795C35.799 7.5148 32 7.5148 29.6569 9.85795L19.7574 19.7575C17.4142 22.1006 17.4142 25.8996 19.7574 28.2427C22.1005 30.5859 25.8995 30.5859 28.2427 28.2427L38.1422 18.3432Z"/><path d="M38 30C41.3137 30 44 27.3137 44 24C44 20.6863 41.3137 18 38 18H24C20.6863 18 18 20.6863 18 24C18 27.3137 20.6863 30 24 30H38Z"/><path d="M29.6568 38.1421C32 40.4853 35.799 40.4853 38.1421 38.1421C40.4853 35.799 40.4853 32 38.1421 29.6568L28.2426 19.7574C25.8995 17.4142 22.1005 17.4142 19.7573 19.7574C17.4142 22.1005 17.4142 25.8995 19.7573 28.2426L29.6568 38.1421Z"/><path d="M18 38C18 41.3137 20.6863 44 24 44C27.3137 44 30 41.3137 30 38V24C30 20.6863 27.3137 18 24 18C20.6863 18 18 20.6863 18 24V38Z"/><path d="M9.85795 29.6569C7.5148 32 7.5148 35.799 9.85795 38.1421C12.2011 40.4853 16.0001 40.4853 18.3432 38.1421L28.2427 28.2426C30.5859 25.8995 30.5859 22.1005 28.2427 19.7574C25.8996 17.4142 22.1006 17.4142 19.7574 19.7574L9.85795 29.6569Z"/><path d="M10 18C6.68629 18 4 20.6863 4 24C4 27.3137 6.68629 30 10 30H24C27.3137 30 30 27.3137 30 24C30 20.6863 27.3137 18 24 18H10Z"/><path d="M18.3433 9.85795C16.0001 7.5148 12.2011 7.5148 9.85794 9.85795C7.5148 12.2011 7.5148 16.0001 9.85795 18.3433L19.7575 28.2427C22.1006 30.5859 25.8996 30.5859 28.2427 28.2427C30.5859 25.8996 30.5859 22.1006 28.2428 19.7575L18.3433 9.85795Z"/></g></svg> </template>
CSS
.icon-multi-ring {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M30%2010C30%206.68629%2027.3137%204%2024%204C20.6863%204%2018%206.68629%2018%2010V24C18%2027.3137%2020.6863%2030%2024%2030C27.3137%2030%2030%2027.3137%2030%2024V10Z%22%2F%3E%3Cpath%20d%3D%22M38.1422%2018.3432C40.4853%2016.0001%2040.4853%2012.2011%2038.1422%209.85795C35.799%207.5148%2032%207.5148%2029.6569%209.85795L19.7574%2019.7575C17.4142%2022.1006%2017.4142%2025.8996%2019.7574%2028.2427C22.1005%2030.5859%2025.8995%2030.5859%2028.2427%2028.2427L38.1422%2018.3432Z%22%2F%3E%3Cpath%20d%3D%22M38%2030C41.3137%2030%2044%2027.3137%2044%2024C44%2020.6863%2041.3137%2018%2038%2018H24C20.6863%2018%2018%2020.6863%2018%2024C18%2027.3137%2020.6863%2030%2024%2030H38Z%22%2F%3E%3Cpath%20d%3D%22M29.6568%2038.1421C32%2040.4853%2035.799%2040.4853%2038.1421%2038.1421C40.4853%2035.799%2040.4853%2032%2038.1421%2029.6568L28.2426%2019.7574C25.8995%2017.4142%2022.1005%2017.4142%2019.7573%2019.7574C17.4142%2022.1005%2017.4142%2025.8995%2019.7573%2028.2426L29.6568%2038.1421Z%22%2F%3E%3Cpath%20d%3D%22M18%2038C18%2041.3137%2020.6863%2044%2024%2044C27.3137%2044%2030%2041.3137%2030%2038V24C30%2020.6863%2027.3137%2018%2024%2018C20.6863%2018%2018%2020.6863%2018%2024V38Z%22%2F%3E%3Cpath%20d%3D%22M9.85795%2029.6569C7.5148%2032%207.5148%2035.799%209.85795%2038.1421C12.2011%2040.4853%2016.0001%2040.4853%2018.3432%2038.1421L28.2427%2028.2426C30.5859%2025.8995%2030.5859%2022.1005%2028.2427%2019.7574C25.8996%2017.4142%2022.1006%2017.4142%2019.7574%2019.7574L9.85795%2029.6569Z%22%2F%3E%3Cpath%20d%3D%22M10%2018C6.68629%2018%204%2020.6863%204%2024C4%2027.3137%206.68629%2030%2010%2030H24C27.3137%2030%2030%2027.3137%2030%2024C30%2020.6863%2027.3137%2018%2024%2018H10Z%22%2F%3E%3Cpath%20d%3D%22M18.3433%209.85795C16.0001%207.5148%2012.2011%207.5148%209.85794%209.85795C7.5148%2012.2011%207.5148%2016.0001%209.85795%2018.3433L19.7575%2028.2427C22.1006%2030.5859%2025.8996%2030.5859%2028.2427%2028.2427C30.5859%2025.8996%2030.5859%2022.1006%2028.2428%2019.7575L18.3433%209.85795Z%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M30%2010C30%206.68629%2027.3137%204%2024%204C20.6863%204%2018%206.68629%2018%2010V24C18%2027.3137%2020.6863%2030%2024%2030C27.3137%2030%2030%2027.3137%2030%2024V10Z%22%2F%3E%3Cpath%20d%3D%22M38.1422%2018.3432C40.4853%2016.0001%2040.4853%2012.2011%2038.1422%209.85795C35.799%207.5148%2032%207.5148%2029.6569%209.85795L19.7574%2019.7575C17.4142%2022.1006%2017.4142%2025.8996%2019.7574%2028.2427C22.1005%2030.5859%2025.8995%2030.5859%2028.2427%2028.2427L38.1422%2018.3432Z%22%2F%3E%3Cpath%20d%3D%22M38%2030C41.3137%2030%2044%2027.3137%2044%2024C44%2020.6863%2041.3137%2018%2038%2018H24C20.6863%2018%2018%2020.6863%2018%2024C18%2027.3137%2020.6863%2030%2024%2030H38Z%22%2F%3E%3Cpath%20d%3D%22M29.6568%2038.1421C32%2040.4853%2035.799%2040.4853%2038.1421%2038.1421C40.4853%2035.799%2040.4853%2032%2038.1421%2029.6568L28.2426%2019.7574C25.8995%2017.4142%2022.1005%2017.4142%2019.7573%2019.7574C17.4142%2022.1005%2017.4142%2025.8995%2019.7573%2028.2426L29.6568%2038.1421Z%22%2F%3E%3Cpath%20d%3D%22M18%2038C18%2041.3137%2020.6863%2044%2024%2044C27.3137%2044%2030%2041.3137%2030%2038V24C30%2020.6863%2027.3137%2018%2024%2018C20.6863%2018%2018%2020.6863%2018%2024V38Z%22%2F%3E%3Cpath%20d%3D%22M9.85795%2029.6569C7.5148%2032%207.5148%2035.799%209.85795%2038.1421C12.2011%2040.4853%2016.0001%2040.4853%2018.3432%2038.1421L28.2427%2028.2426C30.5859%2025.8995%2030.5859%2022.1005%2028.2427%2019.7574C25.8996%2017.4142%2022.1006%2017.4142%2019.7574%2019.7574L9.85795%2029.6569Z%22%2F%3E%3Cpath%20d%3D%22M10%2018C6.68629%2018%204%2020.6863%204%2024C4%2027.3137%206.68629%2030%2010%2030H24C27.3137%2030%2030%2027.3137%2030%2024C30%2020.6863%2027.3137%2018%2024%2018H10Z%22%2F%3E%3Cpath%20d%3D%22M18.3433%209.85795C16.0001%207.5148%2012.2011%207.5148%209.85794%209.85795C7.5148%2012.2011%207.5148%2016.0001%209.85795%2018.3433L19.7575%2028.2427C22.1006%2030.5859%2025.8996%2030.5859%2028.2427%2028.2427C30.5859%2025.8996%2030.5859%2022.1006%2028.2428%2019.7575L18.3433%209.85795Z%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/multi-ring.svg?color=%231a73e8&size=48
