ICONYZ
Türkçe
VSCode Icons setinden File Type Dylan ikonu

File Type Dylan ikonu

vscode-icons:file-type-dylan

File Type Dylan ikonu (vscode-icons:file-type-dylan), VSCode Icons setinden ücretsiz bir SVG ikondur (yapımcı: Roberto Huertas). 32 × 32 ızgara üzerinde çizilmiştir. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
VSCode Icons
Yazar
Roberto Huertas
Lisans
MIT
Boyut
32 × 32
Etiketler
filetype, typedylan, filetypedylan
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGNVkMgdeJ" x1="11.796" x2="13.204" y1="22.507" y2="30.493" gradientUnits="userSpaceOnUse"><stop offset=".008" stop-color="#ec7f04" stop-opacity=".9"/><stop offset=".162" stop-color="#f39b06" stop-opacity=".9"/><stop offset=".194" stop-color="#f39506" stop-opacity=".9"/><stop offset=".234" stop-color="#f38407" stop-opacity=".9"/><stop offset=".278" stop-color="#f26807" stop-opacity=".9"/><stop offset=".314" stop-color="#f24b08" stop-opacity=".9"/><stop offset=".4" stop-color="#ec7f04" stop-opacity=".9"/><stop offset=".412" stop-color="#ed7405" stop-opacity=".9"/><stop offset=".439" stop-color="#ef6206" stop-opacity=".9"/><stop offset=".474" stop-color="#f15507" stop-opacity=".9"/><stop offset=".523" stop-color="#f24d08" stop-opacity=".9"/><stop offset=".658" stop-color="#f24b08" stop-opacity=".9"/><stop offset=".701" stop-color="#f26207" stop-opacity=".9"/><stop offset=".761" stop-color="#f37b07" stop-opacity=".9"/><stop offset=".827" stop-color="#f38d06" stop-opacity=".9"/><stop offset=".901" stop-color="#f39806" stop-opacity=".9"/><stop offset="1" stop-color="#f39b06" stop-opacity=".9"/></linearGradient><linearGradient id="SVGmpmz1cyU" x1="4.717" x2="6.283" y1="15.472" y2="23.528" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f39b06" stop-opacity=".9"/><stop offset=".33" stop-color="#f24b08" stop-opacity=".9"/><stop offset=".423" stop-color="#f26b07" stop-opacity=".9"/><stop offset=".526" stop-color="#f38507" stop-opacity=".9"/><stop offset=".621" stop-color="#f39506" stop-opacity=".9"/><stop offset=".7" stop-color="#f39b06" stop-opacity=".9"/><stop offset="1" stop-color="#f24b08" stop-opacity=".9"/></linearGradient><linearGradient id="SVGkXMJYdSt" x1="17.534" x2="21.466" y1="8.285" y2="16.715" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f39b06" stop-opacity=".9"/><stop offset=".33" stop-color="#f24b08" stop-opacity=".9"/><stop offset=".332" stop-color="#f24d08" stop-opacity=".9"/><stop offset=".365" stop-color="#ef6306" stop-opacity=".9"/><stop offset=".402" stop-color="#ed7305" stop-opacity=".9"/><stop offset=".447" stop-color="#ec7c04" stop-opacity=".9"/><stop offset=".522" stop-color="#ec7f04" stop-opacity=".9"/><stop offset=".527" stop-color="#ec7b04" stop-opacity=".9"/><stop offset=".576" stop-color="#ef6106" stop-opacity=".9"/><stop offset=".621" stop-color="#f15108" stop-opacity=".9"/><stop offset=".658" stop-color="#f24b08" stop-opacity=".9"/><stop offset=".816" stop-color="#ec7f04" stop-opacity=".9"/></linearGradient><linearGradient id="SVG3IlRxdMS" x1="25.796" x2="27.204" y1="1.507" y2="9.493" gradientUnits="userSpaceOnUse"><stop offset=".014" stop-color="#ec7f04" stop-opacity=".9"/><stop offset=".3" stop-color="#f24b08" stop-opacity=".9"/><stop offset=".45" stop-color="#ec7f04" stop-opacity=".9"/><stop offset=".66" stop-color="#f24b08" stop-opacity=".9"/><stop offset=".9" stop-color="#ec7f04" stop-opacity=".9"/></linearGradient><linearGradient id="SVG0WFX5d3O" x1="2" x2="9" y1="23" y2="30" gradientUnits="userSpaceOnUse"><stop offset=".014" stop-color="#fe0119" stop-opacity=".9"/><stop offset=".036" stop-color="#fe0120" stop-opacity=".9"/><stop offset=".145" stop-color="#fd023a" stop-opacity=".9"/><stop offset=".246" stop-color="#fd024a" stop-opacity=".9"/><stop offset=".33" stop-color="#fd0250" stop-opacity=".9"/><stop offset=".388" stop-color="#fd024a" stop-opacity=".9"/><stop offset=".461" stop-color="#fd0239" stop-opacity=".9"/><stop offset=".541" stop-color="#fe011d" stop-opacity=".9"/><stop offset=".55" stop-color="#fe0119" stop-opacity=".9"/><stop offset=".568" stop-color="#fe0120" stop-opacity=".9"/><stop offset=".654" stop-color="#fd023a" stop-opacity=".9"/><stop offset=".733" stop-color="#fd024a" stop-opacity=".9"/><stop offset=".8" stop-color="#fd0250" stop-opacity=".9"/><stop offset="1" stop-color="#fe0119" stop-opacity=".9"/></linearGradient><linearGradient id="SVGCYdWfcFd" x1="9" x2="16" y1="16" y2="23" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fe0119" stop-opacity=".9"/><stop offset=".25" stop-color="#fd0250" stop-opacity=".9"/><stop offset=".5" stop-color="#fc0354" stop-opacity=".9"/><stop offset=".745" stop-color="#fd0250" stop-opacity=".9"/><stop offset=".763" stop-color="#fd0249" stop-opacity=".9"/><stop offset=".851" stop-color="#fe012f" stop-opacity=".9"/><stop offset=".932" stop-color="#fe011f" stop-opacity=".9"/><stop offset="1" stop-color="#fe0119" stop-opacity=".9"/></linearGradient><linearGradient id="SVGNWwpDdku" x1="23" x2="30" y1="9" y2="16" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#fe0119" stop-opacity=".9"/><stop offset=".33" stop-color="#fc0354" stop-opacity=".9"/><stop offset=".6" stop-color="#fe0119" stop-opacity=".9"/><stop offset=".8" stop-color="#fd0250" stop-opacity=".9"/><stop offset=".9" stop-color="#fe0119" stop-opacity=".9"/><stop offset="1" stop-color="#fd0250" stop-opacity=".9"/></linearGradient><linearGradient id="SVGQZWMNeil" x1="16" x2="23" y1="2" y2="9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fd0250" stop-opacity=".9"/><stop offset=".25" stop-color="#fe0119" stop-opacity=".9"/><stop offset=".5" stop-color="#fc0354" stop-opacity=".9"/><stop offset=".745" stop-color="#fe0119" stop-opacity=".9"/><stop offset="1" stop-color="#fd0250" stop-opacity=".9"/></linearGradient><linearGradient id="SVGcXCeubsZ" x1="16.062" x2="22.938" y1="22.94" y2="30.06" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8d0c79" stop-opacity=".9"/><stop offset=".2" stop-color="#7e0977" stop-opacity=".9"/><stop offset=".4" stop-color="#8d0c79" stop-opacity=".9"/><stop offset=".6" stop-color="#7e0977" stop-opacity=".9"/><stop offset=".8" stop-color="#8d0c79" stop-opacity=".9"/><stop offset="1" stop-color="#7e0977" stop-opacity=".9"/></linearGradient><linearGradient id="SVGhyTfScPD" x1="23" x2="30" y1="16" y2="23" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7e0977" stop-opacity=".9"/><stop offset=".25" stop-color="#5f0757" stop-opacity=".9"/><stop offset=".5" stop-color="#670560" stop-opacity=".9"/><stop offset=".75" stop-color="#7e0977" stop-opacity=".9"/><stop offset="1" stop-color="#5f0757" stop-opacity=".9"/></linearGradient><linearGradient id="SVGlL2pcdXX" x1="2" x2="9" y1="9" y2="16" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5f0757" stop-opacity=".9"/><stop offset=".2" stop-color="#7e0977" stop-opacity=".9"/><stop offset=".4" stop-color="#670560" stop-opacity=".9"/><stop offset=".6" stop-color="#770a69" stop-opacity=".9"/><stop offset=".8" stop-color="#5f0757" stop-opacity=".9"/><stop offset="1" stop-color="#7e0977" stop-opacity=".9"/></linearGradient><linearGradient id="SVGWuPWAclw" x1="9.062" x2="15.938" y1="1.94" y2="9.06" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5f0757" stop-opacity=".9"/><stop offset=".25" stop-color="#7e0977" stop-opacity=".9"/><stop offset=".5" stop-color="#5f0757" stop-opacity=".9"/><stop offset=".75" stop-color="#8d0c79" stop-opacity=".9"/><stop offset="1" stop-color="#7e0977" stop-opacity=".9"/></linearGradient><linearGradient id="SVGaMrdQdpk" x1="23" x2="30" y1="23" y2="30" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#226889" stop-opacity=".9"/><stop offset=".33" stop-color="#249683" stop-opacity=".9"/><stop offset=".66" stop-color="#226d9b" stop-opacity=".9"/><stop offset="1" stop-color="#226d9b" stop-opacity=".9"/></linearGradient><linearGradient id="SVGo2yBucDf" x1="16" x2="23" y1="16" y2="23" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#249683" stop-opacity=".9"/><stop offset=".33" stop-color="#226d9b" stop-opacity=".9"/><stop offset="1" stop-color="#2d9ca8" stop-opacity=".9"/></linearGradient><linearGradient id="SVGE3SswbBd" x1="9" x2="16" y1="9" y2="16" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#226d9b" stop-opacity=".9"/><stop offset=".33" stop-color="#2d9ca8" stop-opacity=".9"/><stop offset=".66" stop-color="#249683" stop-opacity=".9"/><stop offset="1" stop-color="#226889" stop-opacity=".9"/></linearGradient><linearGradient id="SVGt3ataenP" x1="2" x2="9" y1="2" y2="9" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#226d9b" stop-opacity=".9"/><stop offset=".33" stop-color="#249683" stop-opacity=".9"/><stop offset=".66" stop-color="#2d9ca8" stop-opacity=".9"/><stop offset="1" stop-color="#226889" stop-opacity=".9"/></linearGradient></defs><path fill="url(#SVGNVkMgdeJ)" d="M9 23h7v7H9z"/><path fill="url(#SVGmpmz1cyU)" d="M2 16h7v7H2z"/><path fill="url(#SVGkXMJYdSt)" d="M16 9h7v7h-7z"/><path fill="url(#SVG3IlRxdMS)" d="M23 2h7v7h-7z"/><path fill="url(#SVG0WFX5d3O)" d="M2 23h7v7H2z"/><path fill="url(#SVGCYdWfcFd)" d="M9 16h7v7H9z"/><path fill="url(#SVGNWwpDdku)" d="M23 9h7v7h-7z"/><path fill="url(#SVGQZWMNeil)" d="M16 2h7v7h-7z"/><path fill="url(#SVGcXCeubsZ)" d="M16 23h7v7h-7z"/><path fill="url(#SVGhyTfScPD)" d="M23 16h7v7h-7z"/><path fill="url(#SVGlL2pcdXX)" d="M2 9h7v7H2z"/><path fill="url(#SVGWuPWAclw)" d="M9 2h7v7H9z"/><path fill="url(#SVGaMrdQdpk)" d="M23 23h7v7h-7z"/><path fill="url(#SVGo2yBucDf)" d="M16 16h7v7h-7z"/><path fill="url(#SVGE3SswbBd)" d="M9 9h7v7H9z"/><path fill="url(#SVGt3ataenP)" d="M2 2h7v7H2z"/></svg>

File Type Dylan ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

VSCode Icons setindeki benzer ikonlar

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

File Type Dylan ikonu: sık sorulan sorular

File Type Dylan ikonu ticari kullanım için ücretsiz mi?

Evet. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

File Type Dylan ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="vscode-icons:file-type-dylan" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

File Type Dylan ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-dylan.svg" alt="File Type Dylan ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: VSCode Icons →