ICONYZ
Bahasa Indonesia
Ikon Image Meta dari UnJS Logos

Ikon Image Meta

unjs:image-meta

Ikon Image Meta (unjs:image-meta) adalah ikon SVG gratis dari set UnJS Logos karya UnJS. Ikon ini digambar pada grid 32 × 32. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
UnJS Logos
Pembuat
UnJS
Lisensi
Apache-2.0
Ukuran
32 × 32
Tag
imagemeta
Download SVG

Kode SVG

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

Cara memakai ikon Image Meta

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 component

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

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

Gambar HTML

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

FAQ Ikon Image Meta

Apakah ikon Image Meta gratis untuk penggunaan komersial?

Ya. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Image Meta di React?

Pasang @iconify/react lalu render <Icon icon="unjs:image-meta" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Image Meta ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/unjs/image-meta.svg" alt="Ikon Image Meta">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon UnJS Logos →