أيقونة Html5 Boilerplate

logos:html5-boilerplate

أيقونة Html5 Boilerplate (logos:html5-boilerplate) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 256. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: SVG Logos
المؤلف: Gil Barbara
الترخيص: CC0-1.0
الحجم: 256 × 256
الوسوم: html5boilerplate

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#222" d="M0 0h256v256H0z"/><path fill="#e08524" d="M114.406 35.277L91.827 99.82l-68.494.189l55.51 41.021l-19.948 66.233l56.075-39.7l57.584 42.147l-21.079-68.869l54.948-41.021l-68.306.189z"/><path fill="#466770" d="m117.228 34.336l22.768 10.726l19.005 51.937h-18.817L117.228 34.34"/><path fill="#304a51" d="m156.34 142.239l22.486 11.044l54.42-39.518l-22.486-11.975z"/><path fill="#466770" d="m156.308 142.198l22.518 11.035l21.289 68.839l-23.285-11.842l-20.522-68.03"/><path fill="#304a51" d="m62.095 209.618l52.875-37.822l18.535 13.736l-49.96 35z"/></svg>

كيفية استخدام أيقونة Html5 Boilerplate

React

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

<Icon icon="logos:html5-boilerplate" width="24" />

Vue

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

<template>
  <Icon icon="logos:html5-boilerplate" width="24" />
</template>

Svelte

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

<Icon icon="logos:html5-boilerplate" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--html5-boilerplate]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:html5-boilerplate"></div>

مكوّن ويب

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

<iconify-icon icon="logos:html5-boilerplate"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/html5-boilerplate.svg" alt="أيقونة Html5 Boilerplate" width="24" height="24">

الأسئلة الشائعة حول أيقونة Html5 Boilerplate

هل أيقونة Html5 Boilerplate مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Html5 Boilerplate في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:html5-boilerplate" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Html5 Boilerplate إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/html5-boilerplate.svg" alt="أيقونة Html5 Boilerplate">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →