أيقونة B Button Blood Type

fluent-emoji:b-button-blood-type

أيقونة B Button Blood Type (fluent-emoji:b-button-blood-type) أيقونة SVG مجانية من مجموعة Fluent Emoji من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Fluent Emoji
المؤلف: Microsoft Corporation
الترخيص: MIT
الحجم: 32 × 32
الوسوم: bbutton، buttonblood، bloodtype، bbuttonbloodtype

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ipu55yd)"><rect width="27.875" height="27.875" x="2.09" y="1.938" fill="url(#icb7pJe)" rx="3.6"/><rect width="27.875" height="27.875" x="2.09" y="1.938" fill="url(#iUTtvzc)" rx="3.6"/></g><g filter="url(#igWv1Ae)"><path stroke="url(#iNb0WFc)" stroke-linecap="round" stroke-width="1.5" d="M28.278 4.438v22.875"/></g><g filter="url(#i7bwQVb)"><path stroke="url(#iA2pebb)" stroke-linecap="round" stroke-width="1.5" d="M5.554 3.75h21.781"/></g><g filter="url(#iWSSH5c)"><path fill="#EF2B54" d="M11.993 7.864a1.75 1.75 0 0 0-1.75 1.746l-.029 12.522a1.75 1.75 0 0 0 1.75 1.754h5.73q.061 0 .123-.004c2.664-.038 4.858-2.182 4.858-4.88a4.84 4.84 0 0 0-1.776-3.75a.27.27 0 0 1-.07-.328a4.8 4.8 0 0 0 .518-2.18c0-2.722-2.234-4.88-4.93-4.88zm4.397 9.759h1.355c.816 0 1.43.644 1.43 1.38s-.614 1.38-1.43 1.38q-.058 0-.115.003h-3.661a.25.25 0 0 1-.25-.25l.005-2.264a.25.25 0 0 1 .25-.249zm.052-3.5h-2.459a.25.25 0 0 1-.25-.25l.005-2.26a.25.25 0 0 1 .25-.249h2.429c.816 0 1.43.644 1.43 1.38c0 .728-.601 1.366-1.405 1.379"/></g><g filter="url(#i9aUlac)"><path fill="#FCF2FF" d="M11.993 7.864a1.75 1.75 0 0 0-1.75 1.746l-.029 12.522a1.75 1.75 0 0 0 1.75 1.754h5.73q.061 0 .123-.004c2.664-.038 4.858-2.182 4.858-4.88a4.84 4.84 0 0 0-1.776-3.75a.27.27 0 0 1-.07-.328a4.8 4.8 0 0 0 .518-2.18c0-2.722-2.234-4.88-4.93-4.88zm4.397 9.759h1.355c.816 0 1.43.644 1.43 1.38s-.614 1.38-1.43 1.38q-.058 0-.115.003h-3.661a.25.25 0 0 1-.25-.25l.005-2.264a.25.25 0 0 1 .25-.249zm.052-3.5h-2.459a.25.25 0 0 1-.25-.25l.005-2.26a.25.25 0 0 1 .25-.249h2.429c.816 0 1.43.644 1.43 1.38c0 .728-.601 1.366-1.405 1.379"/></g><defs><filter id="ipu55yd" width="28.875" height="28.875" x="2.09" y=".938" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1" dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.901961 0 0 0 0 0.133333 0 0 0 0 0.337255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2312"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.85098 0 0 0 0 0.168627 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2312" result="effect2_innerShadow_18590_2312"/></filter><filter id="igWv1Ae" width="5.5" height="28.375" x="25.528" y="1.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2312" stdDeviation="1"/></filter><filter id="i7bwQVb" width="27.281" height="5.5" x="2.804" y="1" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2312" stdDeviation="1"/></filter><filter id="iWSSH5c" width="14.461" height="18.022" x="9.214" y="6.864" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2312" stdDeviation=".5"/></filter><filter id="i9aUlac" width="13.261" height="16.822" x="9.814" y="7.464" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.4" dy=".4"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2312"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2312" result="effect2_innerShadow_18590_2312"/></filter><linearGradient id="icb7pJe" x1="16.028" x2="16.028" y1="5.512" y2="38.765" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4D91"/><stop offset="1" stop-color="#F34A5F"/></linearGradient><linearGradient id="iNb0WFc" x1="28.778" x2="28.778" y1="4.438" y2="27.313" gradientUnits="userSpaceOnUse"><stop stop-color="#FF66A5"/><stop offset="1" stop-color="#FF5B6B"/></linearGradient><linearGradient id="iA2pebb" x1="28.492" x2="2.96" y1="4" y2="4" gradientUnits="userSpaceOnUse"><stop stop-color="#FF60A3"/><stop offset="1" stop-color="#FF5495"/></linearGradient><radialGradient id="iUTtvzc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.747 4.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF77B1"/><stop offset="1" stop-color="#FF77B1" stop-opacity="0"/></radialGradient></defs></g></svg>

كيفية استخدام أيقونة B Button Blood Type

React

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

<Icon icon="fluent-emoji:b-button-blood-type" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:b-button-blood-type" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:b-button-blood-type" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--b-button-blood-type]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:b-button-blood-type"></div>

مكوّن ويب

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

<iconify-icon icon="fluent-emoji:b-button-blood-type"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/b-button-blood-type.svg" alt="أيقونة B Button Blood Type" width="24" height="24">

أيقونات ذات صلة في Fluent Emoji

أيقونة B Button Blood Type في مجموعات أخرى

الأسئلة الشائعة حول أيقونة B Button Blood Type

هل أيقونة B Button Blood Type مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة B Button Blood Type في React؟

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

كيف أضيف أيقونة B Button Blood Type إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji/b-button-blood-type.svg" alt="أيقونة B Button Blood Type">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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