أيقونة Viking
whh:viking
أيقونة Viking (whh:viking) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 1024 × 768. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 1024 × 768
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="768" viewBox="0 0 1024 768"><path fill="currentColor" d="M888 435q8 38 8 77q0 1-.5 2.5l-.5 1.5q18-4 31-4q34 0 34 97q0 39-59.5 76t-164 60T512 768t-224.5-23t-164-60T64 609q0-97 37-97q11 0 28 4q-1-1-1-2v-2q0-39 8-77Q0 349 0 160q0-26 1-40.5t6.5-38T27 38T64 0q0 188 142 281q53-71 133.5-112T512 128t172.5 41T818 281Q960 188 960 0q23 18 37 38t19.5 43.5t6.5 38t1 40.5q0 189-136 275M512 256q-16 0-40 10t-24 22v347q33 5 64 5t64-5V288q0-12-24-22t-40-10"/></svg>كيفية استخدام أيقونة Viking
React
import { Icon } from "@iconify/react";
<Icon icon="whh:viking" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:viking" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:viking" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--viking]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:viking"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:viking"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/viking.svg" alt="أيقونة Viking" width="24" height="24">أيقونة Viking في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Viking
هل أيقونة Viking مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Viking في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:viking" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Viking إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/viking.svg" alt="أيقونة Viking">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.