Ikon Sketch

file-icons:sketch

Ikon Sketch (file-icons:sketch) adalah ikon SVG gratis dari set File Icons karya John Gardner. Ikon ini digambar pada grid 512 × 512. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: File Icons
Pembuat: John Gardner
Lisensi: ISC
Ukuran: 512 × 512

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M239.32 496.668L97.906 229.358L2.278 155.592zm271.421-341.076l-95.628 73.766l-141.415 267.31zM391.237 232.22H120.763l135.226 265.54l135.248-265.561zm-289.156-23.244L0 131.28l62.028-72.531l88.113 43.13l-48.038 107.097zm65.321-99.994l-46.639 104.255h270.474l-46.64-104.255zm242.473 99.994L512 131.28l-61.985-72.531l-88.156 43.13l47.995 107.097zM344.598 90.042H167.402l-85.81-42.657l77.869-33.145h193.057l77.912 33.145z" clip-rule="evenodd"/></svg>

Cara memakai ikon Sketch

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:sketch"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/file-icons/sketch.svg" alt="Ikon Sketch" width="24" height="24">

Ikon terkait di File Icons

Ikon Sketch di set ikon lain

FAQ Ikon Sketch

Apakah ikon Sketch gratis untuk penggunaan komersial?

Ya. File Icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Sketch di React?

Pasang @iconify/react lalu render <Icon icon="file-icons:sketch" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Sketch ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/file-icons/sketch.svg" alt="Ikon Sketch">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua File Icons →