أيقونة Singer
fluent-emoji-flat:singer
أيقونة Singer (fluent-emoji-flat:singer) أيقونة SVG مجانية من مجموعة Fluent Emoji Flat من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji Flat icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent Emoji Flat
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 32 × 32
- الفئة
- الأشخاص والجسم
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="M7.137 20.952A12.25 12.25 0 0 0 3 29h8v-4.945zM19 29h8a12.26 12.26 0 0 0-4.14-8.043L19 24.055z"/><path fill="#fcb100" d="M14.527 17c-1.554 0-3.08.225-4.527.648l1.473 7.77c.964.37 2.01.582 3.107.582a8.9 8.9 0 0 0 2.933-.503L19 17.662A15.1 15.1 0 0 0 14.527 17"/><path fill="#e6e6e6" d="m12.5 24l.987 5h3.037l.976-4.947a7.4 7.4 0 0 1-2.428.4A7.2 7.2 0 0 1 12.5 24"/><path fill="#ff6723" d="M5.172 16.858L11 29h3l-2.5-12.5H5.397a.25.25 0 0 0-.225.358m19.656 0L19 29h-3l2.5-12.5h6.103a.25.25 0 0 1 .225.358"/><path fill="#f1a11e" d="M21.189 6.79a2.37 2.37 0 0 0-1.277-1.06a2.54 2.54 0 0 1-1.366-1.08a2.36 2.36 0 0 0-2.02-1.15c-.326 0-.642.07-.92.19c-.386.17-.821.17-1.207 0a2.35 2.35 0 0 0-2.92.92c-.326.52-.811.92-1.395 1.12a2.34 2.34 0 0 0-1.307 1.13c-.425.8-.336 1.76.149 2.47c.168.26.267.57.267.88v4.17c0 .93.584 1.75 1.455 2.06l1.87.65V9.67c.149-.14.268-.31.377-.5c.168-.29.267-.61.296-.92a2.28 2.28 0 0 0 1.801-.55c.417.35.941.57 1.525.57c.099 0 .188-.01.277-.02a2.4 2.4 0 0 0 .673 1.42v7.43l1.87-.65a2.17 2.17 0 0 0 1.456-2.06v-4.17c0-.31.099-.62.277-.88c.514-.74.584-1.73.119-2.55"/><path fill="#fdbb11" d="M11.806 12.09c0 .922-.74 1.67-1.653 1.67A1.66 1.66 0 0 1 8.5 12.09c0-.922.74-1.67 1.653-1.67s1.653.748 1.653 1.67m9.689 0c0 .922-.74 1.67-1.653 1.67a1.66 1.66 0 0 1-1.652-1.67c0-.922.74-1.67 1.652-1.67c.913 0 1.653.748 1.653 1.67"/><path fill="#ffc83d" d="M9.806 9.688C9.881 7.918 11.374 6.5 13.2 6.5h1.294c.279 0 .518.166.627.41c.399.868 1.285 1.414 2.25 1.414h1.424c.797.04 1.424.693 1.404 1.483l-.012.503l-.306 4.834c-.27 1.922-1.932 3.356-3.913 3.356h-1.892c-1.972 0-3.644-1.434-3.903-3.356z"/><path fill="#990839" d="M15.003 15.206c-.545 0-1.06-.14-1.493-.385c-.152-.085-.303.096-.212.246c.363.587.989.982 1.705.982s1.342-.395 1.705-.982c.091-.15-.07-.32-.212-.246a3.06 3.06 0 0 1-1.493.385"/><path fill="#f92f60" d="M14.756 6.552a.7.7 0 0 0-.263-.052H13.2q-.3 0-.586.05l-2.133 6.232h1.817l-.495 2.718l3.626-5.17h-1.89z"/><path fill="#fff" d="M11.222 11.78a1.406 1.406 0 0 1 2.751.07a.23.23 0 0 1-.227.28h-2.257a.28.28 0 0 1-.267-.35m7.571 0a1.405 1.405 0 0 0-2.751.07a.23.23 0 0 0 .227.28h2.257c.178 0 .307-.17.267-.35"/><path fill="#7d4533" d="M11.895 11.89c0-.5.406-.91.9-.91c.505 0 .911.41.901.91q0 .12-.03.24h-1.742a1 1 0 0 1-.03-.24m6.226 0c0-.5-.405-.91-.9-.91a.9.9 0 0 0-.901.91q0 .12.03.24h1.742q.03-.12.03-.24"/><path fill="#000" d="M12.795 11.37c.287 0 .515.23.515.52q0 .135-.06.24h-.91a.5.5 0 0 1-.06-.24c0-.29.228-.52.515-.52m4.425 0a.514.514 0 0 0-.515.52q0 .135.06.24h.91q.06-.105.06-.24c0-.29-.228-.52-.515-.52"/><path fill="#fff" d="M12.647 11.52a.16.16 0 0 1-.158.16a.16.16 0 0 1-.159-.16a.16.16 0 0 1 .159-.16a.16.16 0 0 1 .158.16m4.453 0a.16.16 0 0 1-.157.16a.16.16 0 0 1-.159-.16a.16.16 0 0 1 .159-.16a.16.16 0 0 1 .158.16"/><path fill="#ed9200" d="m14.66 11.79l-.49 1.738c-.102.356.138.722.481.722h.722c.343 0 .583-.366.482-.722l-.491-1.738c-.102-.387-.593-.387-.704 0"/><path fill="#d37034" d="M11.385 9.927a.27.27 0 0 0 .326-.01a2.2 2.2 0 0 1 1.485-.354a.26.26 0 0 0 .266-.139a.28.28 0 0 0-.027-.3a.27.27 0 0 0-.179-.101a2.66 2.66 0 0 0-1.88.465a.27.27 0 0 0-.09.305q.029.082.1.134m6.929-.005a.27.27 0 0 0 .323.005a.27.27 0 0 0 .103-.3a.27.27 0 0 0-.094-.138a2.68 2.68 0 0 0-1.88-.466a.276.276 0 0 0-.131.484a.27.27 0 0 0 .194.06a2.17 2.17 0 0 1 1.485.355"/><path fill="#f59f00" d="M27 21c.551 0 1 .41 1 .912V24h-2v-2.088c0-.503.449-.912 1-.912"/><path fill="#321b41" d="M25.68 19.67a2.46 2.46 0 1 0 0-4.92a2.46 2.46 0 0 0 0 4.92"/><path fill="#d3d3d3" d="m23.32 16.54l4.77.02c.31 0 .57.26.57.57c0 .32-.25.57-.57.57l-4.77-.02c-.32 0-.57-.25-.57-.57s.25-.57.57-.57m1.55 8.97c.04.4.37.7.77.7c.39 0 .73-.29.78-.69l.72-6.33l-2.93-.01z"/><path fill="#f4f4f4" d="M25.65 21.57a.48.48 0 1 0 0-.96a.48.48 0 0 0 0 .96"/><path fill="#ffc83d" d="M23.785 23.021c-.416 0-.766.363-.785.822a.88.88 0 0 0 .34.737a.88.88 0 0 0-.34.715c0 .3.133.555.34.716a.88.88 0 0 0-.34.715c0 .299.133.555.34.715a.9.9 0 0 0-.34.737c.01.47.369.822.785.822h3.336c.482 0 .879-.438.879-.993v-4.014c0-.545-.387-.993-.879-.993h-3.336z"/></g></svg>كيفية استخدام أيقونة Singer
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:singer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:singer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:singer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--singer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:singer"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:singer"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/singer.svg" alt="أيقونة Singer" width="24" height="24">أيقونات ذات صلة في Fluent Emoji Flat
أيقونة Singer في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Singer
هل أيقونة Singer مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji Flat icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Singer في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji-flat:singer" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Singer إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/singer.svg" alt="أيقونة Singer">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.