ICONYZ
Bahasa Indonesia
Ikon File Type Smarty dari VSCode Icons

Ikon File Type Smarty

vscode-icons:file-type-smarty

Ikon File Type Smarty (vscode-icons:file-type-smarty) adalah ikon SVG gratis dari set VSCode Icons karya Roberto Huertas. Ikon ini digambar pada grid 32 × 32. VSCode Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
VSCode Icons
Pembuat
Roberto Huertas
Lisensi
MIT
Ukuran
32 × 32
Tag
filetype, typesmarty, filetypesmarty
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGBROSjemU" x1="13.9" x2="18.1" y1="29.2" y2="29.2" gradientUnits="userSpaceOnUse"><stop offset=".034" stop-color="#636361"/><stop offset=".178" stop-color="#6c6d70"/><stop offset=".219" stop-color="#6f7175"/><stop offset=".309" stop-color="#616366"/><stop offset=".481" stop-color="#3c3d3f"/><stop offset=".716" stop-color="#010101"/><stop offset=".719"/><stop offset="1" stop-color="#636a6e"/></linearGradient><linearGradient id="SVGBaHPyczq" x1="15.2" x2="16.8" y1="29.7" y2="29.7" href="#SVGBROSjemU"/><linearGradient id="SVGPIrlMdBU" x1="15.3" x2="16.7" y1="29.9" y2="29.9" gradientUnits="userSpaceOnUse"><stop offset=".034" stop-color="#9b9b98"/><stop offset=".131" stop-color="#a4a5a7"/><stop offset=".219" stop-color="#aeb1b8"/><stop offset=".352" stop-color="#9fa4ab"/><stop offset=".605" stop-color="#788188"/><stop offset=".719" stop-color="#657076"/><stop offset="1" stop-color="#8b949a"/></linearGradient><linearGradient id="SVGxwNts2ni" x1="16.1" x2="16" y1="28.1" y2="26.9" gradientUnits="userSpaceOnUse"><stop offset=".034" stop-color="#9b9b98"/><stop offset=".109" stop-color="#a5a6a7"/><stop offset=".219" stop-color="#babcc4"/><stop offset=".311" stop-color="#abaeb5"/><stop offset=".487" stop-color="#84898f"/><stop offset=".719" stop-color="#485054"/><stop offset="1" stop-color="#8b949a"/></linearGradient><linearGradient id="SVGkfVWWcEZ" x1="16" x2="15.9" y1="26.5" y2="24.6" href="#SVGxwNts2ni"/><linearGradient id="SVGC5yRKdjZ" x1="16" x2="15.9" y1="25.5" y2="23.4" href="#SVGxwNts2ni"/><linearGradient id="SVGwZi5AdKA" x1="16" x2="15.9" y1="27.6" y2="25.7" href="#SVGxwNts2ni"/><linearGradient id="SVGVT5NieDX" x1="13.7" x2="18.3" y1="28.8" y2="28.8" gradientUnits="userSpaceOnUse"><stop offset=".034" stop-color="#545453"/><stop offset=".071" stop-color="#616262"/><stop offset=".143" stop-color="#848589"/><stop offset=".219" stop-color="#aeb1b8"/><stop offset=".352" stop-color="#9fa4ab"/><stop offset=".605" stop-color="#788188"/><stop offset=".719" stop-color="#657076"/><stop offset="1" stop-color="#505659"/></linearGradient><linearGradient id="SVGqKNtfd4s" x1="12.2" x2="19.5" y1="25.8" y2="25.8" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e5e1df"/><stop offset="0" stop-color="#dddad6"/><stop offset=".038" stop-color="#ceccc9"/><stop offset=".112" stop-color="#a7a9a8"/><stop offset=".212" stop-color="#697072"/><stop offset=".264" stop-color="#465054"/><stop offset=".303" stop-color="#636c6f"/><stop offset=".398" stop-color="#a5aaac"/><stop offset=".478" stop-color="#d5d7d9"/><stop offset=".539" stop-color="#f3f4f5"/><stop offset=".573" stop-color="#fefeff"/><stop offset=".62" stop-color="#f4f5f6"/><stop offset=".699" stop-color="#dadcdf"/><stop offset=".8" stop-color="#b0b4b9"/><stop offset=".876" stop-color="#8b9298"/><stop offset="1" stop-color="#d1d3d4"/><stop offset="1" stop-color="#a7a9ac"/></linearGradient><linearGradient id="SVGZbcLAiHu" x1="12.2" x2="19.5" y1="24.7" y2="24.7" href="#SVGqKNtfd4s"/><linearGradient id="SVG9yyS1dsu" x1="12.2" x2="19.5" y1="23.5" y2="23.5" href="#SVGqKNtfd4s"/><linearGradient id="SVGiQjece2b" x1="12.2" x2="19.5" y1="26.9" y2="26.9" href="#SVGqKNtfd4s"/><linearGradient id="SVGS9W7scmp" x1="12.2" x2="19.5" y1="26" y2="26" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e5e1df"/><stop offset="0" stop-color="#dde8d0"/><stop offset="0" stop-color="#d2f3ba"/><stop offset=".036" stop-color="#c5e4b1"/><stop offset=".105" stop-color="#a4bd98"/><stop offset=".199" stop-color="#6e7f71"/><stop offset=".264" stop-color="#465054"/><stop offset=".303" stop-color="#636c6f"/><stop offset=".398" stop-color="#a5aaac"/><stop offset=".478" stop-color="#d5d7d9"/><stop offset=".539" stop-color="#f3f4f5"/><stop offset=".573" stop-color="#fefeff"/><stop offset=".62" stop-color="#f4f5f6"/><stop offset=".699" stop-color="#dadcdf"/><stop offset=".8" stop-color="#b0b4b9"/><stop offset=".876" stop-color="#8b9298"/><stop offset="1" stop-color="#d1d3d4"/><stop offset="1" stop-color="#a7a9ac"/></linearGradient><linearGradient id="SVG5Yv9LbtS" x1="12.2" x2="19.5" y1="24.9" y2="24.9" href="#SVGS9W7scmp"/><linearGradient id="SVGcHstVcbD" x1="12.2" x2="19.5" y1="27" y2="27" href="#SVGS9W7scmp"/><linearGradient id="SVGAPASgeRT" x1="11.9" x2="19.9" y1="23.2" y2="23.2" href="#SVGxwNts2ni"/><radialGradient id="SVGChvyDe6A" cx="-8.46" cy="-16.6" r="19.4" gradientTransform="translate(34 37.1)scale(1.05)" gradientUnits="userSpaceOnUse"><stop offset=".034" stop-color="#70706e"/><stop offset=".112" stop-color="#616261"/><stop offset=".219" stop-color="#46474a"/><stop offset=".408" stop-color="#48494c"/><stop offset=".487" stop-color="#4e5053"/><stop offset=".544" stop-color="#5a5c5f"/><stop offset=".592" stop-color="#6a6e71"/><stop offset=".633" stop-color="#7f8588"/><stop offset=".667" stop-color="#979ea1"/><stop offset=".719" stop-color="#3d4447"/><stop offset="1" stop-color="#656c70"/></radialGradient><radialGradient id="SVGFEm3Tdis" cx="-17" cy="-22.9" r="10.7" gradientTransform="translate(34 37.1)scale(1.05)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffffd1"/><stop offset=".505" stop-color="#ff0"/><stop offset=".568" stop-color="#fdf700"/><stop offset=".664" stop-color="#f6e200"/><stop offset=".782" stop-color="#ebbf00"/><stop offset=".906" stop-color="#de9200"/><stop offset="1" stop-color="#da9819"/></radialGradient><path id="SVGpHjj2dbG" fill="url(#SVGwZi5AdKA)" d="M19.439 26.467s.245-.07.245-.163a.1.1 0 0 0-.013-.065a.2.2 0 0 1-.061-.144a.44.44 0 0 1 .119-.27a1 1 0 0 1-.2.1c-.076.028-.245.078-.245.078a25.2 25.2 0 0 1-6.458.436c-.136-.009-.32-.028-.32-.028a1 1 0 0 1-.181-.041a.4.4 0 0 1 .078.217a.72.72 0 0 1-.254.432a.67.67 0 0 1 .368-.079a26.2 26.2 0 0 0 6.922-.473"/></defs><path fill="url(#SVGBROSjemU)" d="M13.859 28.776a.24.24 0 0 0 .128.191a12 12 0 0 0 1.392.622a4 4 0 0 0 .578.072h.052a4 4 0 0 0 .578-.072a12 12 0 0 0 1.392-.622a.24.24 0 0 0 .128-.191l-2.137.192Z"/><path fill="url(#SVGBaHPyczq)" d="M16.014 30a1.12 1.12 0 0 0 .688-.247a.18.18 0 0 0 .085-.126v-.105a3.2 3.2 0 0 0-.773-.053h-.063a3.2 3.2 0 0 0-.773.053v.105a.18.18 0 0 0 .085.126a1.12 1.12 0 0 0 .688.247Z"/><path fill="url(#SVGPIrlMdBU)" d="M16 29.8a5 5 0 0 1-.674-.044a1.1 1.1 0 0 0 .674.237h.063a1.1 1.1 0 0 0 .675-.237a5 5 0 0 1-.675.044z"/><path fill="url(#SVGChvyDe6A)" d="M19.809 26.838a1 1 0 0 0-.234.389c-.036.181-.1.585-1.326 1.406l-.025.017a.4.4 0 0 1-.086.037a10 10 0 0 1-2.155.209a10 10 0 0 1-2.156-.209a.4.4 0 0 1-.085-.036l-.025-.017a4.6 4.6 0 0 1-1.12-.957c-.164-.219-.373-.257-.39-.345a21 21 0 0 0 3.855.057a13 13 0 0 0 3.761-.654a1 1 0 0 1-.014.103"/><path fill="url(#SVGxwNts2ni)" d="M19.772 26.88a1 1 0 0 1-.246.129c-.076.028-.245.078-.245.078a25.2 25.2 0 0 1-6.458.436c-.136-.009-.32-.028-.32-.028a1 1 0 0 1-.14-.028a1 1 0 0 1 .14.107c.16.013.319.019.319.019a27 27 0 0 0 6.743-.323l.009-.042a.9.9 0 0 1 .198-.348"/><path fill="url(#SVGkfVWWcEZ)" d="M19.439 25.382s.245-.07.245-.162a.1.1 0 0 0-.013-.065a.2.2 0 0 1-.061-.144a.44.44 0 0 1 .119-.27a1 1 0 0 1-.2.1c-.076.028-.245.078-.245.078a25.2 25.2 0 0 1-6.458.436c-.136-.009-.32-.028-.32-.028a1 1 0 0 1-.181-.041a.4.4 0 0 1 .078.217a.72.72 0 0 1-.254.432a.67.67 0 0 1 .368-.079a26.2 26.2 0 0 0 6.922-.474"/><path fill="url(#SVGC5yRKdjZ)" d="M19.439 24.229s.245-.078.245-.182a.14.14 0 0 0-.013-.073a.25.25 0 0 1-.061-.162a.5.5 0 0 1 .119-.3a1 1 0 0 1-.2.111c-.076.032-.245.088-.245.088a22.5 22.5 0 0 1-6.458.489c-.136-.01-.32-.032-.32-.032a1 1 0 0 1-.181-.046a.46.46 0 0 1 .078.243a.83.83 0 0 1-.254.484a.6.6 0 0 1 .368-.089c.497-.002 4.418.281 6.922-.531"/><use href="#SVGpHjj2dbG"/><use href="#SVGpHjj2dbG"/><path fill="url(#SVGVT5NieDX)" d="M18.224 28.65a.4.4 0 0 1-.086.037a10 10 0 0 1-2.155.209a10 10 0 0 1-2.156-.209a.4.4 0 0 1-.085-.036l-.025-.017l-.029-.019a.1.1 0 0 0 0 .073c.024.073.147.1.147.1a10 10 0 0 0 2.15.209a10 10 0 0 0 2.15-.209s.126-.029.147-.1a.12.12 0 0 0 0-.073l-.029.019Z"/><path fill="url(#SVGqKNtfd4s)" d="M19.944 25.5s.041.252-.418.423c-.076.028-.245.078-.245.078a25.2 25.2 0 0 1-6.458.436c-.136-.009-.32-.028-.32-.028c-.276-.038-.467-.16-.455-.308c0 0-.033-.249.466-.249a26.2 26.2 0 0 0 6.925-.472s.245-.07.245-.162a.1.1 0 0 0-.013-.066s.273.16.273.348"/><path fill="url(#SVGZbcLAiHu)" d="M19.944 24.416s.041.252-.418.423c-.076.028-.245.078-.245.078a25.2 25.2 0 0 1-6.458.436c-.136-.009-.32-.028-.32-.028c-.276-.038-.467-.16-.455-.308c0 0-.033-.248.466-.248a26.2 26.2 0 0 0 6.925-.472s.245-.07.245-.162a.1.1 0 0 0-.013-.065s.273.157.273.346"/><path fill="#fff" d="M19.893 24.406v-.021c-.012.076-.078.236-.417.355c-.076.026-.245.073-.245.073a22.4 22.4 0 0 1-5.1.5a22.2 22.2 0 0 0 5.1-.441s.169-.047.245-.073c.457-.156.417-.393.417-.393m0 1.085v-.021c-.012.076-.078.236-.417.355c-.076.027-.245.073-.245.073a22.4 22.4 0 0 1-5.1.5a22.2 22.2 0 0 0 5.1-.441s.169-.047.245-.073c.457-.156.417-.393.417-.393"/><path fill="url(#SVG9yyS1dsu)" d="M19.944 23.034s.041.329-.418.552c-.076.037-.245.1-.245.1a19.4 19.4 0 0 1-6.458.569a8 8 0 0 1-.32-.037c-.276-.05-.467-.209-.455-.4c0 0-.033-.324.466-.324a18.3 18.3 0 0 0 6.925-.461a1 1 0 0 0 .444-.238a.5.5 0 0 1 .061.239"/><path fill="url(#SVGiQjece2b)" d="M19.944 26.586s.041.252-.418.423c-.076.028-.245.078-.245.078a25.2 25.2 0 0 1-6.458.436c-.136-.009-.32-.028-.32-.028c-.276-.038-.467-.16-.455-.308c0 0-.033-.248.466-.248a26.2 26.2 0 0 0 6.925-.472s.245-.07.245-.163a.1.1 0 0 0-.013-.065s.273.161.273.347"/><path fill="#fff" d="M19.893 26.576v-.021c-.012.076-.078.236-.417.355c-.076.026-.245.073-.245.073a22.4 22.4 0 0 1-5.1.5a22.2 22.2 0 0 0 5.1-.441s.169-.047.245-.073c.457-.156.417-.393.417-.393m0-3.255V23.3c-.012.076-.078.236-.417.355c-.076.027-.245.073-.245.073a22.4 22.4 0 0 1-5.1.5a22.2 22.2 0 0 0 5.1-.441s.169-.047.245-.073c.457-.156.417-.393.417-.393"/><path fill="url(#SVGS9W7scmp)" d="M12.417 25.881s-.236 0-.241.08s.246.085.246.085s.175 0 .3.005c.619-.013 1.993-.038 3.437-.166c-1.775.073-3.436-.002-3.742-.004"/><path fill="url(#SVG5Yv9LbtS)" d="M12.417 24.8s-.236 0-.241.08s.246.085.246.085s.175 0 .3.005c.619-.012 1.993-.038 3.437-.166c-1.775.07-3.436-.004-3.742-.004"/><path fill="url(#SVGcHstVcbD)" d="M12.417 26.965s-.236 0-.241.08s.246.085.246.085s.175 0 .3.005c.619-.012 1.993-.038 3.437-.166c-1.775.073-3.436-.003-3.742-.004"/><path fill="url(#SVGAPASgeRT)" d="M12 22.8s-.274.315.319.711c0 0 5.78.587 7.6-.695c0 0-6.26.525-7.92-.016z"/><path fill="url(#SVGFEm3Tdis)" d="M20 22.8a4.5 4.5 0 0 0 .81-1.16a3.4 3.4 0 0 0 .2-1.12a6.7 6.7 0 0 1 .632-2.91c.534-1.01 2.81-4.45 2.81-7.46a8.01 8.01 0 0 0-8.49-8.14a8.01 8.01 0 0 0-8.48 8.14c0 3.02 2.28 6.45 2.81 7.46a6.7 6.7 0 0 1 .632 2.91a3.4 3.4 0 0 0 .2 1.12a4.5 4.5 0 0 0 .81 1.16a13.9 13.9 0 0 0 3.99.37a15.2 15.2 0 0 0 4.08-.369z"/></svg>

Cara memakai ikon File Type Smarty

React

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

<Icon icon="vscode-icons:file-type-smarty" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-smarty" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-smarty" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="vscode-icons:file-type-smarty"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-smarty.svg" alt="Ikon File Type Smarty" width="24" height="24">

Ikon terkait di VSCode Icons

Ikon file-type-access
file-type-access
 Ikon file-type-access2
file-type-access2
 Ikon file-type-actionscript
file-type-actionscript
 Ikon file-type-actionscript2
file-type-actionscript2
 Ikon file-type-ada
file-type-ada
 Ikon file-type-advpl
file-type-advpl
 Ikon file-type-affectscript
file-type-affectscript
 Ikon file-type-affinity
file-type-affinity
 Ikon file-type-affinitydesigner
file-type-affinitydesigner
 Ikon file-type-affinityphoto
file-type-affinityphoto
 Ikon file-type-affinitypublisher
file-type-affinitypublisher
 Ikon file-type-agda
file-type-agda
 Ikon file-type-agents
file-type-agents
 Ikon file-type-ai
file-type-ai
 Ikon file-type-ai2
file-type-ai2
 Ikon file-type-aikido
file-type-aikido
 Ikon file-type-al
file-type-al
 Ikon file-type-al-dal
file-type-al-dal
 Ikon file-type-alchemy
file-type-alchemy
 Ikon file-type-allcontributors
file-type-allcontributors
 Ikon file-type-alloy
file-type-alloy
 Ikon file-type-allure
file-type-allure
 Ikon file-type-angular
file-type-angular
 Ikon file-type-ansible
file-type-ansible

FAQ Ikon File Type Smarty

Apakah ikon File Type Smarty gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon File Type Smarty di React?

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

Bagaimana cara menambahkan ikon File Type Smarty ke halaman web?

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

Lihat semua VSCode Icons →