ICONYZ
日本語
VSCode Icons の File Type Smarty アイコン

File Type Smarty アイコン

vscode-icons:file-type-smarty

File Type Smarty アイコン(vscode-icons:file-type-smarty)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
VSCode Icons
作者
Roberto Huertas
ライセンス
MIT
サイズ
32 × 32
タグ
filetype、typesmarty、filetypesmarty
SVG をダウンロード

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>

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 コンポーネント

<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>

HTML 画像

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

VSCode Icons の関連アイコン

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

File Type Smarty アイコン のよくある質問

File Type Smarty アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で File Type Smarty アイコンを使うには?

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-smarty" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Smarty アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-smarty.svg" alt="File Type Smarty アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →