ICONYZ
Türkçe
Phosphor setinden Image Duotone ikonu

Image Duotone ikonu

ph:image-duotone

Image Duotone ikonu (ph:image-duotone), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor 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
Phosphor
Yazar
Phosphor Icons
Lisans
MIT
Boyut
256 × 256
Etiketler
updated, pictures, photographs, photography, wallpapers, gallery, landscape, imageduotone
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 56v122.06l-39.72-39.72a8 8 0 0 0-11.31 0L147.31 164l-49.65-49.66a8 8 0 0 0-11.32 0L32 168.69V56a8 8 0 0 1 8-8h176a8 8 0 0 1 8 8" opacity=".2"/><path d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20l-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52l80 80H40Zm176 28h-21.37l-36-36l20-20L216 181.38zm-72-100a12 12 0 1 1 12 12a12 12 0 0 1-12-12"/></g></svg>

Image Duotone ikonu nasıl kullanılır

React

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

<Icon icon="ph:image-duotone" width="24" />

Vue

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

<template>
  <Icon icon="ph:image-duotone" width="24" />
</template>

Svelte

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

<Icon icon="ph:image-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--image-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:image-duotone"></div>

Web bileşeni

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

<iconify-icon icon="ph:image-duotone"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/ph/image-duotone.svg" alt="Image Duotone ikonu" width="24" height="24">

Phosphor setindeki benzer ikonlar

image ikonu
image
 image-bold ikonu
image-bold
 image-broken ikonu
image-broken
 image-broken-bold ikonu
image-broken-bold
 image-broken-duotone ikonu
image-broken-duotone
 image-broken-fill ikonu
image-broken-fill
 image-broken-light ikonu
image-broken-light
 image-broken-thin ikonu
image-broken-thin
 image-fill ikonu
image-fill
 image-light ikonu
image-light
 image-square ikonu
image-square
 image-square-bold ikonu
image-square-bold
 image-square-duotone ikonu
image-square-duotone
 image-square-fill ikonu
image-square-fill
 image-square-light ikonu
image-square-light
 image-square-thin ikonu
image-square-thin
 image-thin ikonu
image-thin
 images ikonu
images
 images-bold ikonu
images-bold
 images-duotone ikonu
images-duotone
 images-fill ikonu
images-fill
 images-light ikonu
images-light
 images-square ikonu
images-square
 images-square-bold ikonu
images-square-bold

Diğer ikon setlerinde Image Duotone ikonu

Keyline Icons setinden Image Duotone ikonu
Keyline Icons
 Lucide Extended setinden Image Duotone ikonu
Lucide Extended
 Stash Icons setinden Image Duotone ikonu
Stash Icons

Image Duotone ikonu: sık sorulan sorular

Image Duotone ikonu ticari kullanım için ücretsiz mi?

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

Image Duotone ikonunu React'te nasıl kullanırım?

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

Image Duotone 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/ph/image-duotone.svg" alt="Image Duotone ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Phosphor ikonları →