Ikon Obsidian Light

skill-icons:obsidian-light

Ikon Obsidian Light (skill-icons:obsidian-light) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Skill Icons
Pembuat: tandpfun
Lisensi: MIT
Ukuran: 256 × 256
Tag: obsidianlight

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVGg3D4Hd7H)"><mask id="SVGbb9dTcxU" width="201" height="201" x="28" y="28" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M28.078 28.078h200v200h-200z"/></mask><g mask="url(#SVGbb9dTcxU)"><path fill="#6c31e3" d="M177.336 213.781c-1.211 9.141-10.156 16.25-19.023 13.789c-12.657-3.476-27.305-8.906-40.469-9.922l-20.195-1.562a13.28 13.28 0 0 1-8.594-3.984l-34.766-35.821a13.28 13.28 0 0 1-2.617-14.726s21.484-47.266 22.305-49.727c.78-2.461 3.75-23.906 5.468-35.39c.47-3.086 1.954-5.86 4.297-7.93l41.133-37.031a13.32 13.32 0 0 1 15.236-1.808a13.3 13.3 0 0 1 4.139 3.487l34.531 43.907a14.45 14.45 0 0 1 2.969 8.75c0 8.32.703 25.39 5.313 36.406c4.492 10.664 12.695 22.265 16.992 27.929a6.76 6.76 0 0 1 .508 7.5a584 584 0 0 1-17.5 27.579c-5.86 8.711-8.555 19.492-9.766 28.554z"/><path fill="url(#SVGOascCcBz)" d="M92.805 214.836c16.172-32.813 15.703-56.328 8.828-73.047c-6.328-15.469-18.086-25.195-27.344-31.25a17.6 17.6 0 0 1-.86 2.539l-21.757 48.516a13.28 13.28 0 0 0 2.578 14.726l34.805 35.821a13.3 13.3 0 0 0 3.75 2.734z"/><path fill="url(#SVGNi4kTdFd)" d="M136.75 148.234c4.375.469 8.672 1.407 12.813 2.969c13.281 4.961 25.39 16.094 35.351 37.617c.703-1.211 1.406-2.422 2.188-3.593a601 601 0 0 0 17.5-27.579c.683-1.155 1-2.489.909-3.828a6.65 6.65 0 0 0-1.417-3.672c-4.297-5.703-12.5-17.265-16.992-27.929c-4.61-11.016-5.274-28.125-5.313-36.406c0-3.165-1.015-6.25-2.969-8.75l-34.57-43.907q-.282-.342-.586-.664a37.5 37.5 0 0 1 .781 21.094a77.4 77.4 0 0 1-6.875 16.133l-2.812 5.547A66.8 66.8 0 0 0 127.18 103c-.469 11.484 1.875 25.937 9.57 45.234"/><path fill="url(#SVGzST4FEWS)" d="M136.75 148.234c-7.695-19.297-10.078-33.75-9.57-45.273a66.8 66.8 0 0 1 7.578-27.734c.898-1.875 1.875-3.711 2.812-5.508c2.774-5.43 5.469-10.547 6.875-16.172a37.5 37.5 0 0 0-.781-21.094a13.32 13.32 0 0 0-18.789-.937l-41.172 37.03a13.32 13.32 0 0 0-4.258 7.93l-5 33.204l-.195.898c9.297 6.055 21.094 15.781 27.383 31.25a57.5 57.5 0 0 1 3.047 9.688c10.937-2.657 21.758-4.297 32.07-3.243z"/><path fill="url(#SVGmtG0iegd)" d="M158.313 227.609c8.867 2.422 17.812-4.687 19.023-13.828a73.1 73.1 0 0 1 7.578-24.961c-10-21.484-22.07-32.656-35.312-37.617c-14.063-5.234-29.375-3.515-44.922.274c3.476 15.781 1.406 36.445-11.875 63.359c1.562.703 3.164 1.172 4.882 1.289c0 0 9.532.781 20.938 1.602c11.328.781 28.281 6.679 39.688 9.843z"/><path fill="url(#SVGa07rCcoE)" fill-rule="evenodd" d="M127.258 102.219c-.508 11.406.937 24.531 8.633 43.789l-2.422-.196c-6.914-20.117-8.399-30.468-7.891-42.031a68.2 68.2 0 0 1 7.969-28.125c.937-1.914 3.125-5.508 4.101-7.344c2.774-5.351 4.649-8.203 6.25-13.124c2.227-6.836 1.758-10.118 1.485-13.32c1.797 11.679-4.961 21.874-10.039 32.187a69.2 69.2 0 0 0-8.086 28.125z" clip-rule="evenodd"/><path fill="url(#SVG64vEQZRn)" fill-rule="evenodd" d="M103.898 142.609c.938 2.11 1.797 3.828 2.344 6.446l-2.07.429c-.82-3.046-1.485-5.234-2.656-7.812c-6.954-16.406-18.086-24.844-27.227-31.055c11.016 5.938 22.344 15.235 29.57 31.992z" clip-rule="evenodd"/><path fill="url(#SVGB1RRVw8a)" fill-rule="evenodd" d="M106.359 151.086c3.829 17.969-.468 40.703-13.125 62.851c10.586-21.953 15.704-43.007 11.446-62.5z" clip-rule="evenodd"/><path fill="url(#SVGt9lJ84TZ)" fill-rule="evenodd" d="M150.07 149.484c20.742 7.774 28.75 24.844 34.727 39.063c-7.422-14.883-17.656-31.367-35.469-37.5c-13.594-4.61-25.039-4.063-44.648.39l-.43-1.953c20.781-4.726 31.641-5.273 45.82 0" clip-rule="evenodd"/></g></g></g><defs><radialGradient id="SVGOascCcBz" cx="0" cy="0" r="1" gradientTransform="rotate(255.307 127.156 70.671)scale(90.8621 60.5417)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".4"/><stop offset="1" stop-opacity=".1"/></radialGradient><radialGradient id="SVGNi4kTdFd" cx="0" cy="0" r="1" gradientTransform="rotate(-82.485 183.642 -9.08)scale(149.33 110.326)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".6"/><stop offset="1" stop-color="#fff" stop-opacity=".1"/></radialGradient><radialGradient id="SVGzST4FEWS" cx="0" cy="0" r="1" gradientTransform="rotate(-77.795 139.927 14.149)scale(127.491 87.1129)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".8"/><stop offset="1" stop-color="#fff" stop-opacity=".4"/></radialGradient><radialGradient id="SVGmtG0iegd" cx="0" cy="0" r="1" gradientTransform="rotate(239.504 144.672 68.604)scale(73.8942 84.9458)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".3"/><stop offset="1" stop-opacity=".3"/></radialGradient><radialGradient id="SVGa07rCcoE" cx="0" cy="0" r="1" gradientTransform="rotate(102.236 43.067 99.152)scale(66.3511 44.7431)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff" stop-opacity=".2"/></radialGradient><radialGradient id="SVG64vEQZRn" cx="0" cy="0" r="1" gradientTransform="rotate(45.324 -100.858 142.463)scale(48.8906 104.136)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".2"/><stop offset="1" stop-color="#fff" stop-opacity=".4"/></radialGradient><radialGradient id="SVGB1RRVw8a" cx="0" cy="0" r="1" gradientTransform="rotate(86.04 -18.452 129.47)scale(50.9028 108.095)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".2"/><stop offset="1" stop-color="#fff" stop-opacity=".3"/></radialGradient><radialGradient id="SVGt9lJ84TZ" cx="0" cy="0" r="1" gradientTransform="rotate(207.711 114.81 69.246)scale(87.3639 274.845)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".2"/><stop offset=".5" stop-color="#fff" stop-opacity=".2"/><stop offset="1" stop-color="#fff" stop-opacity=".3"/></radialGradient><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg>

Cara memakai ikon Obsidian Light

React

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

<Icon icon="skill-icons:obsidian-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:obsidian-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:obsidian-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--obsidian-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:obsidian-light"></div>

Web component

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

<iconify-icon icon="skill-icons:obsidian-light"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/obsidian-light.svg" alt="Ikon Obsidian Light" width="24" height="24">

Ikon terkait di Skill Icons

Ikon Obsidian Light di set ikon lain

FAQ Ikon Obsidian Light

Apakah ikon Obsidian Light gratis untuk penggunaan komersial?

Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Obsidian Light di React?

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

Bagaimana cara menambahkan ikon Obsidian Light ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/obsidian-light.svg" alt="Ikon Obsidian Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Skill Icons →