Icône Ab Button Blood Type

fluent-emoji:ab-button-blood-type

L'icône Ab Button Blood Type (fluent-emoji:ab-button-blood-type) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Fluent Emoji
Auteur: Microsoft Corporation
Licence: MIT
Taille: 32 × 32
Mots-clés: abbutton, buttonblood, bloodtype, abbuttonbloodtype

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><path id="i6K0hbe" d="M10.11 8.939a1.375 1.375 0 0 1 1.282.856l4.636 11.372a1.375 1.375 0 1 1-2.547 1.038l-.674-1.654a.1.1 0 0 0-.093-.062H7.647a.1.1 0 0 0-.093.063l-.648 1.639a1.375 1.375 0 1 1-2.557-1.01l4.49-11.372c.207-.523.71-.867 1.272-.87M8.72 17.602a.1.1 0 0 0 .093.136h2.7a.1.1 0 0 0 .092-.137l-1.371-3.364a.1.1 0 0 0-.186 0zm9.799-8.507c-.758 0-1.374.614-1.375 1.372l-.025 11.078a1.375 1.375 0 0 0 1.375 1.378h5.069q.05 0 .1-.003c2.268-.03 4.133-1.853 4.133-4.144a4.12 4.12 0 0 0-1.703-3.335a.104.104 0 0 1-.028-.136c.353-.606.556-1.31.556-2.066c0-2.31-1.896-4.144-4.188-4.144zm3.893 8.287h1.196c.815 0 1.438.645 1.438 1.394c0 .75-.623 1.394-1.438 1.394q-.048 0-.096.003h-3.54a.1.1 0 0 1-.1-.1l.006-2.59a.1.1 0 0 1 .1-.1zm.042-2.75h-2.47a.1.1 0 0 1-.1-.1l.006-2.587a.1.1 0 0 1 .1-.1h2.443c.815 0 1.438.645 1.438 1.394c0 .742-.612 1.382-1.417 1.393"/></defs><g fill="none"><g filter="url(#iZNUxtd)"><rect width="27.875" height="27.875" x="2.09" y="2.063" fill="url(#iv3BPCe)" rx="3.6"/><rect width="27.875" height="27.875" x="2.09" y="2.063" fill="url(#iVo1R4e)" rx="3.6"/></g><g filter="url(#iSkG4jb)"><path stroke="url(#iq16jyo)" stroke-linecap="round" stroke-width="1.5" d="M28.278 4.563v22.875"/></g><g filter="url(#iWKrGVc)"><path stroke="url(#id4TRlm)" stroke-linecap="round" stroke-width="1.5" d="M5.554 3.875h21.781"/></g><g fill="#EF2B54" filter="url(#imEEYGc)"><use href="#i6K0hbe"/></g><g fill="#FCF2FF" filter="url(#iK9iBGd)"><use href="#i6K0hbe"/></g><defs><filter id="iZNUxtd" width="28.875" height="28.875" x="2.09" y="1.063" 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_2298"/><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_2298" result="effect2_innerShadow_18590_2298"/></filter><filter id="iSkG4jb" width="5.5" height="28.375" x="25.528" y="1.813" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2298" stdDeviation="1"/></filter><filter id="iWKrGVc" width="27.281" height="5.5" x="2.804" y="1.125" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2298" stdDeviation="1"/></filter><filter id="imEEYGc" width="25.544" height="16.123" x="3.252" y="7.939" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2298" stdDeviation=".5"/></filter><filter id="iK9iBGd" width="24.344" height="14.923" x="3.852" y="8.539" 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_2298"/><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_2298" result="effect2_innerShadow_18590_2298"/></filter><linearGradient id="iv3BPCe" x1="16.028" x2="16.028" y1="5.637" y2="38.89" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4D91"/><stop offset="1" stop-color="#F34A5F"/></linearGradient><linearGradient id="iq16jyo" x1="28.778" x2="28.778" y1="4.563" y2="27.438" gradientUnits="userSpaceOnUse"><stop stop-color="#FF66A5"/><stop offset="1" stop-color="#FF5B6B"/></linearGradient><linearGradient id="id4TRlm" x1="28.492" x2="2.96" y1="4.125" y2="4.125" gradientUnits="userSpaceOnUse"><stop stop-color="#FF60A3"/><stop offset="1" stop-color="#FF5495"/></linearGradient><radialGradient id="iVo1R4e" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.747 4.156)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF77B1"/><stop offset="1" stop-color="#FF77B1" stop-opacity="0"/></radialGradient></defs></g></svg>

Comment utiliser l'icône Ab Button Blood Type

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/ab-button-blood-type.svg" alt="Icône Ab Button Blood Type" width="24" height="24">

Icônes similaires dans Fluent Emoji

L'icône Ab Button Blood Type dans d'autres collections

FAQ : Icône Ab Button Blood Type

L'icône Ab Button Blood Type est-elle gratuite pour un usage commercial ?

Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Ab Button Blood Type dans React ?

Installez @iconify/react et affichez <Icon icon="fluent-emoji:ab-button-blood-type" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Ab Button Blood Type à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/ab-button-blood-type.svg" alt="Icône Ab Button Blood Type">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji →