Path Trim icon
gg:path-trim
The Path Trim icon (gg:path-trim) is a free SVG icon from the css.gg set by Astrit. It is drawn on a 24 × 24 grid. css.gg icons are released under the MIT 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
- css.gg
- Author
- Astrit
- License
- MIT
- Size
- 24 × 24
- Tags
- pathtrim
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5 5h10v3H8v7H5z"/><path d="M19 9H9v10h10z"/></g></svg>
How to use the Path Trim icon
React
import { Icon } from "@iconify/react";
<Icon icon="gg:path-trim" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gg:path-trim" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gg:path-trim" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gg--path-trim]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gg -->
<div class="i-gg:path-trim"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gg:path-trim"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/gg/path-trim.svg" alt="Path Trim icon" width="24" height="24">
Path Trim icon FAQ
Is the Path Trim icon free for commercial use?
Yes. css.gg icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Path Trim icon in React?
Install @iconify/react and render <Icon icon="gg:path-trim" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Path Trim icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/gg/path-trim.svg" alt="Path Trim icon">, or paste the SVG code inline to style it with CSS.
Browse all css.gg icons →
ICONYZ
