ICONYZ
English
Lateral Icon icon from SVG Logos

Lateral Icon icon

logos:lateral-icon

The Lateral Icon icon (logos:lateral-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 256
Tags
lateralicon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGsrDXVdgl" x1="0%" x2="37.75%" y1="73.25%" y2="36.583%"><stop offset="0%" stop-color="#0060ff"/><stop offset="100%" stop-color="#1f66d6"/></linearGradient><linearGradient id="SVGqnCcz4uP" x1="34.722%" x2="92.014%" y1="0%" y2="90.75%"><stop offset="0%" stop-color="#1f6ae2"/><stop offset="100%" stop-color="#2e7bed"/></linearGradient><linearGradient id="SVGw5CaNbtZ" x1="76.5%" x2="0%" y1="48.265%" y2="54.819%"><stop offset="0%" stop-color="#0d57d9"/><stop offset="100%" stop-color="#0d57d9"/></linearGradient><path id="SVGJnEnXbOy" d="M234.667 256V0H0l192 256z"/><path id="SVGjU6XLbts" d="M186.453 0L0 52.693v38.4h256V73.6z"/><circle id="SVGN5eQqeMK" cx="128" cy="128" r="128"/></defs><mask id="SVGMX2wGdvm" fill="#fff"><use href="#SVGN5eQqeMK"/></mask><g mask="url(#SVGMX2wGdvm)"><path fill="url(#SVGsrDXVdgl)" d="M378.169 325.99v-256h-256v255.787z" transform="translate(-122.169 -69.99)"/><path fill="#115ede" d="m-112.514 120.985l181.02-181.02l.904.906l-181.019 181.019zm15.385 15.387l181.02-181.02l.905.906l-181.02 181.02zm15.388 15.388L99.279-29.26l.904.905l-181.02 181.02zm15.386 15.385l181.02-181.02l.904.906l-181.02 181.02zm15.386 15.387l181.02-181.02l.905.906l-181.02 181.02zm15.388 15.388L145.439 16.9l.904.905l-181.02 181.02zm15.386 15.385l181.02-181.02l.904.906l-181.02 181.02zm15.386 15.387l181.02-181.02l.905.906l-181.02 181.02zm15.388 15.386l181.02-181.02l.904.906l-181.02 181.02zm15.386 15.387l181.02-181.02l.904.906l-181.02 181.02z"/><path fill="#115ede" d="m-122.169 84.782l.904-.905l181.02 181.02l-.906.905zm15.386-15.387l.905-.905L75.141 249.51l-.906.904zm15.388-15.386l.905-.905l181.02 181.02l-.906.904zm15.386-15.387l.905-.905l181.02 181.02l-.906.904zm15.387-15.387l.905-.905l181.02 181.02l-.906.904zm15.386-15.386l.905-.905l181.02 181.02l-.906.904zm15.387-15.387l.904-.905l181.02 181.02l-.906.905zm15.387-15.387l.905-.905l181.02 181.02l-.906.904zM.924-38.311l.905-.905l181.02 181.02l-.906.904zm15.387-15.387l.905-.905l181.02 181.02l-.906.904zm15.386-15.387l.904-.905l181.02 181.02l-.906.904z"/><path fill="url(#SVGqnCcz4uP)" d="M378.169 325.99v-256H143.502l192 256z" transform="translate(-122.169 -69.99)"/><g transform="translate(-122.169 -69.99) translate(143.502 69.99)"><mask id="SVGQPSXy09b" fill="#fff"><use href="#SVGJnEnXbOy"/></mask><g fill="#3582f7" mask="url(#SVGQPSXy09b)"><path d="m-52.972 40.373l181.02-181.02l.904.906L-52.067 41.278zM100.893 194.24l181.02-181.02l.905.906l-181.02 181.02zM-37.587 55.76l181.02-181.02l.905.906l-181.02 181.02zm153.868 153.868l181.02-181.02l.904.905l-181.02 181.02zm-138.48-138.48l181.02-181.02l.904.905l-181.02 181.02zm153.866 153.865l181.02-181.02l.904.906l-181.02 181.02zM-6.812 86.533l181.02-181.02l.904.906L-5.907 87.438zM147.053 240.4l181.02-181.02l.905.906l-181.02 181.02zM8.573 101.92L189.593-79.1l.905.906l-181.02 181.02zm153.868 153.866l181.02-181.02l.904.906l-181.02 181.02zM23.961 117.308l181.02-181.02l.904.905l-181.02 181.02zm153.866 153.865l181.02-181.02l.904.906l-181.02 181.02zm-138.48-138.48l181.02-181.02l.904.906l-181.02 181.02zM193.213 286.56l181.02-181.02l.905.906l-181.02 181.02zM54.733 148.08l181.02-181.02l.905.906l-181.02 181.02zm153.868 153.866l181.02-181.02l.904.906l-181.02 181.02zm-138.48-138.48l181.02-181.02l.904.906l-181.02 181.02zm153.866 153.867l181.02-181.02l.904.906l-181.02 181.02zm-138.48-138.48l181.02-181.02l.904.906l-181.02 181.02z"/><path d="m-62.627 4.169l.905-.905l332.17 332.17l-.904.906zm15.387-15.386l.905-.905l332.17 332.17l-.904.906zm15.387-15.388l.905-.905l332.17 332.17l-.905.906zm15.386-15.386l.905-.905l332.17 332.17l-.904.906zm15.386-15.387l.905-.905l332.17 332.17l-.904.906zm15.387-15.386l.905-.905l332.17 332.17l-.904.906zm15.387-15.387l.904-.905l332.17 332.17l-.904.906zm15.386-15.386l.905-.905l332.17 332.17l-.904.906zm15.387-15.387l.905-.905l332.17 332.17l-.905.905zm15.387-15.387l.905-.905l332.17 332.17l-.904.906zm15.386-15.386l.905-.905l332.17 332.17l-.904.906z"/></g></g><path fill="url(#SVGw5CaNbtZ)" stroke="#0d57d9" d="M308.622 234.897L122.169 287.59v38.4h256v-17.493z" transform="translate(-122.169 -69.99)"/><g transform="translate(-122.169 -69.99) translate(122.169 234.897)"><mask id="SVG40BEgcLG" fill="#fff"><use href="#SVGjU6XLbts"/></mask><g fill="#1362dd" mask="url(#SVG40BEgcLG)"><path d="M-92.725 73.628L398.19-71.789l.727 2.454L-91.998 76.082zm12.36 41.728L410.552-30.06l.727 2.454l-490.916 145.417zm12.36 41.728L422.912 11.668l.727 2.454l-490.916 145.416zm12.36 41.727L435.271 53.396l.727 2.454l-490.915 145.416z"/><path d="m-75.143.781l2.454-.727L72.727 490.969l-2.454.727zm41.728-12.36l2.454-.727l145.416 490.915l-2.454.727zm41.727-12.36l2.454-.727l145.416 490.915l-2.454.727zM50.04-36.301l2.454-.727L197.91 453.887l-2.454.727zm41.728-12.36l2.454-.727l145.416 490.915l-2.454.727zm41.727-12.36l2.454-.727l145.416 490.915l-2.454.727zm41.728-12.36l2.454-.727l145.416 490.915l-2.454.727zm41.728-12.361l2.454-.727l145.416 490.915l-2.454.727z"/></g></g></g><path fill="#6aabd4" d="m98.133 45.227l-11.52 65.707l42.24 22.613z"/><path fill="#e4f6fe" d="M169.386 110.934L98.133 45.227l30.72 88.32z"/><path fill="#a8cce9" d="m169.386 110.934l-40.533 22.613l80.64 47.36z"/><path fill="#d8e9f8" d="m209.493 180.907l-80.64-47.36l39.253 64.853z"/><path fill="#84c1f2" d="m168.106 198.4l-39.253-64.853l-81.92 47.36z"/><path fill="#aecee9" d="m46.933 180.907l81.92-47.36l-42.24-22.613z"/></svg>

How to use the Lateral Icon icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:lateral-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:lateral-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:lateral-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--lateral-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:lateral-icon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:lateral-icon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/lateral-icon.svg" alt="Lateral Icon icon" width="24" height="24">

Related icons in SVG Logos

lateral icon
lateral

Lateral Icon icon FAQ

Is the Lateral Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Lateral Icon icon in React?

Install @iconify/react and render <Icon icon="logos:lateral-icon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Lateral Icon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/lateral-icon.svg" alt="Lateral Icon icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →