Image Meta ikonu

unjs:image-meta

Image Meta ikonu (unjs:image-meta), UnJS Logos setinden ücretsiz bir SVG ikondur (yapımcı: UnJS). 32 × 32 ızgara üzerinde çizilmiştir. UnJS Logos icons, Apache 2.0 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: UnJS Logos
Yazar: UnJS
Lisans: Apache-2.0
Boyut: 32 × 32
Etiketler: imagemeta

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#8b5738" d="M7.783 27.638c0-1.076 1.502-4.873 1.502-4.873c1.447-.448 11.9-.067 13.493-.067c0 0 1.44 3.082 1.44 4.94c0 1.857-4.42 3.362-8.203 3.362s-8.233-1.505-8.233-3.363"/><path fill="#ffb17a" d="M16.015 26.313c3.735 0 6.762-1.316 6.762-2.938s-3.027-2.937-6.762-2.937s-6.763 1.315-6.763 2.937s3.028 2.938 6.763 2.938"/><path fill="#cc8552" d="M9.667 26.538c.755.43 1.95.397 2.878.564c1.18.215 1.848 1.116 4.123 1.075a108 108 0 0 0 2.602-.104c-.065-.133-.435-.26-1.155-.373c-.66-.105-1.135-.095-1.9-.095c-.585 0-1.387-.175-2.197-.62a5.8 5.8 0 0 0-1.508-.543c-.865-.177-1.467.01-2.675-.562c-.578-.272-1.045-.837-1.155-1.495l-.285.82c.375.688.717 1.018 1.272 1.333m12.443-.673c-1.935 1.23-3.57 1.093-3.57 1.093c-.137.09.99.332 1.828.192c1.645-.275 2.645-1.1 3.295-2.205c-.09-.28-.288-.81-.288-.81c-.187.452-.405 1.182-1.265 1.73"/><path fill="#a86d44" d="M18.628 29.355c-1.07.195-2.096-.138-3.148-.385c-1.443-.338-4.152-.29-4.152-.29c-.163.08 1.277.602 1.977.662c.638.055 1.313 0 1.918.248c.852.347 1.677.522 2.502.522c1.567 0 3.615-.945 4.102-2.172c0 0-.895.525-1.59.877a5.8 5.8 0 0 1-1.61.538"/><path fill="#a86d44" d="M8.955 27.87c.213.34.43.655.715.938c.482.48 1.092.757 1.485.687c0 0-1.39-1.123-1.242-1.415c.075-.15 2.96.088 2.96.088s-.875-.46-1.728-.625c-.553-.108-1.562.107-2.482-.54c-.508-.358-.585-.788-.585-.788s-.183.622-.22.86c.532.558 1.027.683 1.097.795m14.62-1.235c-.505.452-1.302 1.367-1.302 1.84c0 0 .895-.867 1.497-1.265c.15-.098.258-.223.375-.355c0 0-.06-.448-.155-.765c-.037.212-.19.345-.415.545"/><path fill="url(#SVGDkTpQcuX)" d="M16 25.38c6.732 0 12.19-5.458 12.19-12.19S22.732 1 16 1S3.81 6.458 3.81 13.19S9.268 25.38 16 25.38"/><path fill="url(#SVG0jOmaddu)" d="M16 25.38c6.732 0 12.19-5.458 12.19-12.19S22.732 1 16 1S3.81 6.458 3.81 13.19S9.268 25.38 16 25.38"/><path fill="url(#SVG8y0kyeUW)" d="M11.478 5.593c1.135.097 3.46.947 1.767 3.127c-1.112 1.432-2.502 2.765-2.995 3.917c-1.423 3.333 2.143 4.693 3.25 5.04c.96.303 2.81.978 3.33 1.84c2.008 3.326-4.097 4.233-4.097 4.233s4.492 1.637 8.192-.865c1.4-.948 2.633-3.152 1.427-5.138c-.585-.962-2.197-1.83-2.592-2.14c-1.69-1.334-2.733-2.714-1.893-4.262c.34-.625 1.05-.95 1.738-1.14c1.925-.532 4.328-.437 4.955-2.815c.543-2.05-3.418-6.63-9.56-5.885a11.8 11.8 0 0 0-6.723 3.13C4.812 7.878 5.112 10.56 5.112 10.56s2.258-5.325 6.365-4.967" opacity=".7"/><path fill="url(#SVGaa6IgzMR)" d="M24.943 6.055c-.87-1.265-2.073-2.27-3.34-3.138c-2.023-1.382-4.638-1.495-4.638-1.495c3.21 1.535 2.85 3.57 1.802 5.025c-1.274 1.773-3.832 2.97-4.5 5.128c-.39 1.26-.15 2.585 1.078 3.39s5.645 2.942 5.797 5.473c.116 1.905-1.4 3.105-1.4 3.105c1.773-.383 5.503-2.993 4.398-5.678c-.535-1.3-2.968-2.162-1.742-3.645c.454-.553 3.632-.848 3.93-4.062c.137-1.503-.673-3.068-1.386-4.103" opacity=".39"/><path fill="url(#SVGKp6XoePI)" d="M6.177 15.415S4.352 10.575 8.1 6.093c3.088-3.695 5.875-2.2 5.445-.625c-.432 1.575-1.775 2.06-3.798 3.642c-2.672 2.09-3.57 6.305-3.57 6.305" opacity=".85"/><path fill="url(#SVGZYV7RSBy)" d="M23.24 8.692c-.487-.242-.877-.547-1.047-1.065l-.723-2.392l-.723 2.392c-.17.515-.562.823-1.047 1.065l-1.207.523l1.242.515c.488.242.843.575 1.015 1.09l.723 2.373l.722-2.373c.17-.515.527-.848 1.015-1.09l1.242-.515z"/><path fill="url(#SVGMss9Acea)" d="M20.828 17.343c-.488-.243-.878-.548-1.048-1.065l-.723-2.393l-.722 2.393c-.17.515-.562.822-1.047 1.065l-1.208.522l1.243.515c.487.242.842.575 1.014 1.09l.723 2.373l.723-2.373c.17-.515.527-.848 1.014-1.09l1.243-.515z"/><path fill="#fff" d="M26.585 13.492c-.367-.182-.663-.415-.793-.802l-.545-1.808l-.544 1.808c-.13.39-.425.62-.793.802l-.91.395l.938.39c.367.183.637.433.765.823l.544 1.79l.546-1.79c.13-.39.397-.64.765-.823l.937-.39z"/><defs><linearGradient id="SVG8y0kyeUW" x1="18.672" x2="8.985" y1="2.663" y2="27.752" gradientUnits="userSpaceOnUse"><stop stop-color="#673ab7"/><stop offset=".937" stop-color="#673ab7" stop-opacity="0"/></linearGradient><linearGradient id="SVGaa6IgzMR" x1="20.22" x2="20.22" y1="6.233" y2="27.019" gradientUnits="userSpaceOnUse"><stop offset=".235" stop-color="#1d44b3"/><stop offset=".884" stop-color="#2044b3" stop-opacity=".074"/><stop offset=".936" stop-color="#2144b3" stop-opacity="0"/></linearGradient><linearGradient id="SVGKp6XoePI" x1="8.227" x2="10.409" y1="4.121" y2="12.255" gradientUnits="userSpaceOnUse"><stop offset=".227" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGZYV7RSBy" x1="21.468" x2="21.468" y1="7.24" y2="13.097" gradientUnits="userSpaceOnUse"><stop offset=".261" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGMss9Acea" x1="19.055" x2="19.055" y1="14.54" y2="21.308" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><radialGradient id="SVGDkTpQcuX" cx="0" cy="0" r="1" gradientTransform="rotate(-3.714 95.41 -304.99)scale(19.046)" gradientUnits="userSpaceOnUse"><stop offset=".104" stop-color="#ce93d8"/><stop offset="1" stop-color="#ab47bc"/></radialGradient><radialGradient id="SVG0jOmaddu" cx="0" cy="0" r="1" gradientTransform="matrix(17.3473 0 0 17.3472 13.337 11.534)" gradientUnits="userSpaceOnUse"><stop offset=".28" stop-color="#81d4fa" stop-opacity="0"/><stop offset=".964" stop-color="#81d4fa" stop-opacity=".9"/></radialGradient></defs></g></svg>

Image Meta ikonu nasıl kullanılır

React

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

<Icon icon="unjs:image-meta" width="24" />

Vue

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

<template>
  <Icon icon="unjs:image-meta" width="24" />
</template>

Svelte

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

<Icon icon="unjs:image-meta" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="unjs:image-meta"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/unjs/image-meta.svg" alt="Image Meta ikonu" width="24" height="24">

Image Meta ikonu: sık sorulan sorular

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

Evet. UnJS Logos icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

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

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