أيقونة Cherryblossom

fxemoji:cherryblossom

أيقونة Cherryblossom (fxemoji:cherryblossom) أيقونة SVG مجانية من مجموعة Firefox OS Emoji من تصميم Mozilla. مرسومة على شبكة 512 × 512. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Firefox OS Emoji
المؤلف: Mozilla
الترخيص: Apache-2.0
الحجم: 512 × 512
الفئة: الطبيعة

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFA9BA" d="M475.539 198.425c-2.007-5.904 2.156-13.382 10.772-21.137c3.44-3.096 3.889-8.305 1.173-12.052c-23.598-32.546-65.977-48.31-106.704-36.215a98 98 0 0 0-15.991 6.314c-6.649 3.328-14.239-2.335-12.947-9.657a98 98 0 0 0 1.487-17.055c0-44.619-29.975-82.231-70.885-93.811c-4.513-1.278-9.22 1.134-10.923 5.505c-4.717 12.101-10.84 19.411-17.533 19.411c-6.551 0-12.555-7.003-17.229-18.646c-1.759-4.38-6.669-6.634-11.157-5.172c-39.044 12.724-67.261 49.421-67.261 92.712c0 5.798.506 11.479 1.477 16.999c1.287 7.316-6.293 12.972-12.94 9.655a98 98 0 0 0-15.875-6.256c-44.043-13.08-90.014 6.42-112.081 44.489c-2.354 4.061-1.204 9.225 2.614 11.957c10.812 7.738 16.524 15.646 14.802 22.215c-1.668 6.362-10.023 10.403-22.554 11.961c-4.744.59-8.148 4.863-7.814 9.632c2.756 39.384 29.443 74.763 69.52 86.665a98 98 0 0 0 14.438 3.133c7.222 1.004 10.349 9.68 5.427 15.06a98 98 0 0 0-9.121 11.623C60.18 384.635 65.817 435.47 97.11 467.788c2.702 2.791 6.921 3.594 10.425 1.916c6.878-3.293 12.693-3.915 16.675-1.261c3.835 2.556 5.515 7.852 5.283 15.043c-.126 3.906 2.315 7.475 6.009 8.749c40.818 14.073 87.547-.377 112.714-37.935l.089-.133c3.635-5.444 11.535-5.444 15.17 0l.089.133c27.591 41.174 81.096 54.579 124.316 33.073c3.576-1.779 5.512-5.718 4.853-9.657c-1.456-8.698-.316-15.255 3.848-18.455c3.829-2.943 9.743-2.684 16.913.211c3.832 1.547 8.269.265 10.656-3.109c22.675-32.05 24.554-76.051 1.397-110.607a98 98 0 0 0-9.121-11.623c-4.922-5.38-1.796-14.056 5.427-15.06a98 98 0 0 0 14.438-3.133c44.103-13.098 71.995-54.626 69.618-98.637c-.247-4.573-3.816-8.327-8.384-8.646c-11.864-.83-19.946-4.233-21.986-10.232m-219.59 69.373l-.057.294l-.057-.294l.354-.392z"/><path fill="#E6A4FF" d="M345.186 368.042a11.9 11.9 0 0 1-8.392-3.447l-89.351-88.306c-4.689-4.635-4.734-12.193-.1-16.883s12.193-4.733 16.883-.1l89.351 88.306c4.689 4.635 4.734 12.193.1 16.883a11.9 11.9 0 0 1-8.491 3.547"/><path fill="#FF6E83" d="M351.021 238.828c-4.531-16.939-21.934-26.999-38.874-22.468l-24.598 6.579v-25.463c0-17.534-14.215-31.749-31.749-31.749s-31.749 14.215-31.749 31.749v25.656l-24.814-6.517c-16.957-4.452-34.318 5.684-38.772 22.644s5.684 34.318 22.643 38.772l20.995 5.514l-14.293 20.843c-9.917 14.461-6.233 34.223 8.229 44.139a31.6 31.6 0 0 0 17.927 5.568c10.116 0 20.059-4.824 26.212-13.797l13.032-19.005l12.636 19.27c6.096 9.296 16.235 14.342 26.579 14.342a31.6 31.6 0 0 0 17.38-5.203c14.663-9.615 18.755-29.297 9.14-43.96l-14.51-22.127l22.117-5.915c16.941-4.528 27-21.933 22.469-38.872"/><circle cx="255.835" cy="267.798" r="30.165" fill="#FFD469"/><path fill="#FFEED4" d="m367.149 291.758l-107.558-25.862l18.068-82.27a3 3 0 0 0-2.286-3.574a2.995 2.995 0 0 0-3.573 2.287l-17.254 78.562l-61.095-87.885a3 3 0 0 0-4.927 3.425l62.815 90.358l-75.379 40.281a3 3 0 1 0 2.828 5.292l77.092-41.197l109.867 26.417a3.003 3.003 0 0 0 3.618-2.216a3 3 0 0 0-2.216-3.618"/><path fill="#FF473E" d="M208.987 174.728c0 9.941-8.059 18-18 18s-18-8.059-18-18s8.059-18 18-18s18 8.059 18 18M378.416 308.12c7.425-6.61 8.087-17.987 1.477-25.413c-6.61-7.425-17.988-8.087-25.413-1.477s-8.087 17.987-1.477 25.413c6.61 7.425 17.987 8.087 25.413 1.477m-90.225-137.087c-6.599-7.435-17.976-8.112-25.411-1.513s-8.112 17.976-1.513 25.411s17.976 8.112 25.411 1.513s8.112-17.976 1.513-25.411M159.569 307.084c-1.459 9.833 5.33 18.988 15.163 20.447s18.988-5.329 20.447-15.163s-5.33-18.988-15.163-20.447s-18.988 5.329-20.447 15.163"/></svg>

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

React

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

<Icon icon="fxemoji:cherryblossom" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:cherryblossom" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:cherryblossom" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="fxemoji:cherryblossom"></iconify-icon>

صورة HTML

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

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

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

نعم. تُنشر Firefox OS Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات Firefox OS Emoji →