sim icon
sim-filled from Reicon by REICON · Filled · Devices · MIT Free for personal and commercial use.
- Name
- sim-filled
- Set
- Reicon
- Style
- Filled
- Category
- Devices
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All sim icons →More devices icons from Reicon
Use the sim icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 22c-4.714 0-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c.341 0 .512 0 .686.015a4.04 4.04 0 0 1 2.224.921c.133.112.257.236.504.483l5.167 5.167c.247.247.37.37.483.504c.522.623.85 1.415.92 2.224c.016.174.016.345.016.686c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22m-3.111-3.337C9.393 19 10.096 19 11.5 19v-7c-1.405 0-2.107 0-2.611.337a2 2 0 0 0-.552.552C8 13.393 8 14.096 8 15.5s0 2.107.337 2.611a2 2 0 0 0 .552.552m6.222 0C14.607 19 13.904 19 12.5 19v-3H16c-.005 1.079-.043 1.67-.337 2.111a2 2 0 0 1-.552.552M12.5 12c1.405 0 2.107 0 2.611.337c.218.146.406.334.552.552c.294.44.332 1.032.336 2.111H12.5z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconSimFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M12 22c-4.714 0-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c.341 0 .512 0 .686.015a4.04 4.04 0 0 1 2.224.921c.133.112.257.236.504.483l5.167 5.167c.247.247.37.37.483.504c.522.623.85 1.415.92 2.224c.016.174.016.345.016.686c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22m-3.111-3.337C9.393 19 10.096 19 11.5 19v-7c-1.405 0-2.107 0-2.611.337a2 2 0 0 0-.552.552C8 13.393 8 14.096 8 15.5s0 2.107.337 2.611a2 2 0 0 0 .552.552m6.222 0C14.607 19 13.904 19 12.5 19v-3H16c-.005 1.079-.043 1.67-.337 2.111a2 2 0 0 1-.552.552M12.5 12c1.405 0 2.107 0 2.611.337c.218.146.406.334.552.552c.294.44.332 1.032.336 2.111H12.5z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 22c-4.714 0-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c.341 0 .512 0 .686.015a4.04 4.04 0 0 1 2.224.921c.133.112.257.236.504.483l5.167 5.167c.247.247.37.37.483.504c.522.623.85 1.415.92 2.224c.016.174.016.345.016.686c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22m-3.111-3.337C9.393 19 10.096 19 11.5 19v-7c-1.405 0-2.107 0-2.611.337a2 2 0 0 0-.552.552C8 13.393 8 14.096 8 15.5s0 2.107.337 2.611a2 2 0 0 0 .552.552m6.222 0C14.607 19 13.904 19 12.5 19v-3H16c-.005 1.079-.043 1.67-.337 2.111a2 2 0 0 1-.552.552M12.5 12c1.405 0 2.107 0 2.611.337c.218.146.406.334.552.552c.294.44.332 1.032.336 2.111H12.5z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-sim-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2022c-4.714%200-7.071%200-8.536-1.465C2%2019.072%202%2016.714%202%2012s0-7.071%201.464-8.536C4.93%202%207.286%202%2012%202c.341%200%20.512%200%20.686.015a4.04%204.04%200%200%201%202.224.921c.133.112.257.236.504.483l5.167%205.167c.247.247.37.37.483.504c.522.623.85%201.415.92%202.224c.016.174.016.345.016.686c0%204.714%200%207.071-1.465%208.535C19.072%2022%2016.714%2022%2012%2022m-3.111-3.337C9.393%2019%2010.096%2019%2011.5%2019v-7c-1.405%200-2.107%200-2.611.337a2%202%200%200%200-.552.552C8%2013.393%208%2014.096%208%2015.5s0%202.107.337%202.611a2%202%200%200%200%20.552.552m6.222%200C14.607%2019%2013.904%2019%2012.5%2019v-3H16c-.005%201.079-.043%201.67-.337%202.111a2%202%200%200%201-.552.552M12.5%2012c1.405%200%202.107%200%202.611.337c.218.146.406.334.552.552c.294.44.332%201.032.336%202.111H12.5z%22%20clip-rule%3D%22evenodd%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2022c-4.714%200-7.071%200-8.536-1.465C2%2019.072%202%2016.714%202%2012s0-7.071%201.464-8.536C4.93%202%207.286%202%2012%202c.341%200%20.512%200%20.686.015a4.04%204.04%200%200%201%202.224.921c.133.112.257.236.504.483l5.167%205.167c.247.247.37.37.483.504c.522.623.85%201.415.92%202.224c.016.174.016.345.016.686c0%204.714%200%207.071-1.465%208.535C19.072%2022%2016.714%2022%2012%2022m-3.111-3.337C9.393%2019%2010.096%2019%2011.5%2019v-7c-1.405%200-2.107%200-2.611.337a2%202%200%200%200-.552.552C8%2013.393%208%2014.096%208%2015.5s0%202.107.337%202.611a2%202%200%200%200%20.552.552m6.222%200C14.607%2019%2013.904%2019%2012.5%2019v-3H16c-.005%201.079-.043%201.67-.337%202.111a2%202%200%200%201-.552.552M12.5%2012c1.405%200%202.107%200%202.611.337c.218.146.406.334.552.552c.294.44.332%201.032.336%202.111H12.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/sim-filled.svg?color=%231a73e8&size=48