ICONYZ
العربية
أيقونة Huggy من SVG Logos

أيقونة Huggy

logos:huggy

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

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
512 × 72
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="72" viewBox="0 0 512 72"><defs><linearGradient id="SVGEsViIcws" x1="0%" x2="100.216%" y1="-228.726%" y2="-228.726%"><stop offset="0%" stop-color="#ff0069"/><stop offset="100%" stop-color="#4707ff"/></linearGradient></defs><path fill="url(#SVGEsViIcws)" d="M7.098 0h28.515a7.065 7.065 0 0 1 7.098 7.09a7.065 7.065 0 0 1-7.098 7.09H7.098A7.065 7.065 0 0 1 0 7.09A7.065 7.065 0 0 1 7.098 0m128 42.67a7.09 7.09 0 1 0 0-14.179c-3.919 0-7.098 3.175-7.098 7.09s3.18 7.09 7.098 7.09m-113.803 0a7.09 7.09 0 1 0 0-14.179c-3.92 0-7.098 3.175-7.098 7.09s3.179 7.09 7.098 7.09m28.514 0h28.515a7.065 7.065 0 0 0 7.098-7.089a7.065 7.065 0 0 0-7.098-7.09H49.809a7.065 7.065 0 0 0-7.098 7.09a7.065 7.065 0 0 0 7.098 7.09m63.994-7.089a7.09 7.09 0 0 1-7.092 7.09c-3.92 0-7.098-3.174-7.098-7.09s3.179-7.09 7.098-7.09a7.09 7.09 0 0 1 7.092 7.09M56.902 63.939a7.09 7.09 0 0 1-7.093 7.09c-3.919 0-7.098-3.174-7.098-7.09s3.18-7.09 7.098-7.09a7.09 7.09 0 0 1 7.093 7.09m49.809-7.09H78.197a7.065 7.065 0 0 0-7.099 7.09a7.065 7.065 0 0 0 7.099 7.09h28.514a7.065 7.065 0 0 0 7.098-7.09a7.065 7.065 0 0 0-7.098-7.09M64 14.18h28.515a7.065 7.065 0 0 0 7.098-7.09A7.065 7.065 0 0 0 92.515 0H64a7.065 7.065 0 0 0-7.098 7.09A7.065 7.065 0 0 0 64 14.18M120.902 0h28.514a7.065 7.065 0 0 1 7.099 7.09a7.065 7.065 0 0 1-7.099 7.09h-28.514a7.065 7.065 0 0 1-7.099-7.09A7.065 7.065 0 0 1 120.902 0"/><path fill="#050000" d="M419.878 6.04c6.308 0 11.959 1.445 16.821 4.464c4.994 2.889 8.411 7.221 10.382 12.736L436.7 26.916c-3.416-6.565-9.067-9.978-16.953-9.978c-5.125 0-9.33 1.838-12.878 5.383c-3.549 3.676-5.257 8.14-5.257 13.391c0 5.383 1.84 9.847 5.388 13.523c3.68 3.677 8.148 5.383 13.404 5.383q6.505 0 11.04-3.545c3.022-2.363 5.125-5.514 6.045-9.584h-19.976V30.986h31.278c.131 1.97.262 3.676.262 4.858c0 8.533-2.76 15.492-8.147 21.137c-5.388 5.646-12.354 8.403-20.764 8.403c-8.542 0-15.639-2.888-21.421-8.534c-5.783-5.645-8.674-12.735-8.674-21.138c0-8.271 2.891-15.36 8.674-21.006c5.782-5.777 12.879-8.666 21.158-8.666M264.674 7.351V38.73c0 4.727 1.183 8.534 3.68 11.422q3.745 4.333 9.856 4.333c3.811 0 6.965-1.444 9.331-4.333q3.548-4.332 3.548-11.422V7.351h11.565V38.73h-.132q0 12.013-6.702 19.3c-4.468 4.858-10.382 7.352-17.741 7.352c-7.49 0-13.536-2.494-18.136-7.352s-6.833-11.291-6.833-19.3V7.351zm99.352 2.233c4.994 2.888 8.542 6.958 10.645 12.472l-10.251 3.808c-3.548-6.565-9.33-9.716-17.216-9.584c-5.125.13-9.33 1.969-12.747 5.645s-5.125 8.14-4.994 13.523s1.971 9.847 5.651 13.392s8.148 5.251 13.536 5.12c4.337-.131 7.885-1.313 10.908-3.676s4.993-5.646 5.782-9.716l-19.713.525l-.262-10.503l31.145-.656c.263 1.97.263 3.545.395 4.858c.13 8.534-2.366 15.623-7.754 21.269c-5.257 5.645-12.09 8.665-20.5 8.796c-8.543.131-15.64-2.494-21.685-8.14c-5.913-5.645-8.936-12.604-9.199-20.875q-.197-12.407 8.28-21.27c5.65-5.907 12.615-8.796 21.026-9.058c6.308-.132 11.959 1.181 16.953 4.07M196.206 7.35v23.11h27.204V7.35h11.564V64.2H223.41V40.83h-27.204V64.2h-11.564V7.35zm271.638 0l15.508 26.784L498.727 7.35h13.274l-22.867 38.6V64.2h-11.565V46.214L455.097 7.35z"/></svg>

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

React

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

<Icon icon="logos:huggy" width="24" />

Vue

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

<template>
  <Icon icon="logos:huggy" width="24" />
</template>

Svelte

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

<Icon icon="logos:huggy" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="logos:huggy"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/huggy.svg" alt="أيقونة Huggy" width="24" height="24">

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

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

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

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

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

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

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

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