أيقونة Candycane

whh:candycane

أيقونة Candycane (whh:candycane) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 733 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: WebHostingHub Glyphs
المؤلف: WebHostingHub
الترخيص: OFL-1.1
الحجم: 733 × 1024

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="733" height="1024" viewBox="0 0 733 1024"><path fill="currentColor" d="M712.5 1004q-20.5 20-49 20t-48.5-20L107 499l68 67l147-48l-55-55l446 444q20 20 20 48.5t-20.5 48.5M419 615l-146 49l73 73l147-49zm171 170l-146 49l73 73l147-49zm-36.5-517q-17.5 17-41 18T470 273l-2 2l-24-25l49-145l-25-25l98 97l-7 8q14 18 13 42t-18.5 41M370 178q-32-33-80-39L222 5q104-19 195 35zm-235 87L0 231q14-88 77-151q21-21 53-40l62 123q-11 9-17 14q-36 36-40 88m113 180l-146 48l-25-24Q18 410 2 329l173 43z"/></svg>

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

React

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

<Icon icon="whh:candycane" width="24" />

Vue

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

<template>
  <Icon icon="whh:candycane" width="24" />
</template>

Svelte

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

<Icon icon="whh:candycane" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="whh:candycane"></iconify-icon>

صورة HTML

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

أيقونة Candycane في مجموعات أخرى

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

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

نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات WebHostingHub Glyphs →