josemi / icons
v0.7.0
landscape
v0.7.0
Download
Download the icon as SVG image.
Download Icon
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="M5 3C5 3 3 3 3 5L3 19C3 21 5 21 5 21L8 21L8 18C8 15 5 12 5 12L3 12L5 12C5 12 8 9 8 6L8 3L5 3ZM8 19L19 19C19 19 21 19 21 17L21 7C21 5 19 5 19 5L8 5M8 15L10 13C11 12 12 12 13 13L19 19M15 9.5C15 8.67157 15.6716 8 16.5 8C17.3284 8 18 8.67157 18 9.5C18 10.3284 17.3284 11 16.5 11C15.6716 11 15 10.3284 15 9.5Z" />
</svg>
Using with React
Install @josemi-icons/react and import the icon component in your React application: 
import {LandscapeIcon} from "@josemi-icons/react";

const MyComponent = () => {
    return (
        <LandscapeIcon />
    );
};
Using with CSS
Install @josemi-icons/css and include the icon as a CSS class: 
<i class="ji-landscape"></i>