access-point
v0.7.0
Customize icon
Set your custom size or color and download the icon as SVG or PNG image.
Width
Height
Color
Get SVG
Get PNG
Using as SVG
Copy and paste the following SVG code into your HTML file where you want the icon to appear.
Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12ZM15.5746 8.50396C16.4564 9.40549 17 10.6393 17 12C17 13.3861 16.436 14.6404 15.525 15.546M8.50443 15.5751C7.57615 14.6673 7 13.4009 7 12C7 10.6135 7.56438 9.35873 8.47595 8.45302M18.3745 5.64658C19.997 7.27442 21 9.52008 21 12C21 14.4748 20.0011 16.7163 18.3845 18.3433M5.61735 18.3452C3.99966 16.718 3 14.4758 3 12C3 9.52008 4.00302 7.27442 5.62551 5.64658" />
</svg>
Using with React
Install
@josemi-icons/react and import the icon component in your React application:
import {AccessPointIcon} from "@josemi-icons/react";
const MyComponent = () => {
return (
<AccessPointIcon />
);
};
Using with CSS
Install
@josemi-icons/css and include the icon as a CSS class:
<i class="ji-access-point"></i>