ICONYZ
English
Sketchup Make icon from File Icons

Sketchup Make icon

file-icons:sketchup-make

The Sketchup Make icon (file-icons:sketchup-make) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 475 × 512 grid. File Icons are released under the ISC 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
File Icons
Author
John Gardner
License
ISC
Size
475 × 512
Tags
sketchupmake
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="475" height="512" viewBox="0 0 475 512"><path fill="currentColor" d="m313.775 0l160.987 125.144l-34.227 292.705L109.843 512L46.532 314.085L0 40.3zM52.91 108.812L249.32 80.46l70.58 72.669l115.334-20.452L305.157 31.553L34.94 66.329zm13.341 82.781l18.276 48.043l99.705-19.107l25.985 44.546l108.67-23.252l-67.227-82.792zm31.986 138.13l17.965 51.9l100.127-25.086l-24.546-48.225z"/></svg>

How to use the Sketchup Make icon

React

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

<Icon icon="file-icons:sketchup-make" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:sketchup-make" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:sketchup-make" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--sketchup-make]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:sketchup-make"></div>

Web component

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

<iconify-icon icon="file-icons:sketchup-make"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/sketchup-make.svg" alt="Sketchup Make icon" width="24" height="24">

Related icons in File Icons

Sketchup Make icon FAQ

Is the Sketchup Make icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Sketchup Make icon in React?

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

How do I add the Sketchup Make icon to a web page?

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

Browse all File Icons →