Icône Bullseye
fluent-emoji:bullseye
L'icône Bullseye (fluent-emoji:bullseye) 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
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iZ6oKdb)"><circle cx="14.039" cy="17.961" r="12.039" fill="url(#iKpWZEe)"/><circle cx="14.039" cy="17.961" r="12.039" fill="url(#itutVEA)"/></g><circle cx="14.039" cy="17.961" r="8.805" fill="url(#iBljB7b)"/><circle cx="14.039" cy="17.961" r="8.805" fill="url(#iT6AeQd)"/><circle cx="14.039" cy="17.961" r="8.805" fill="url(#iMnYjGb)"/><circle cx="14.039" cy="17.961" r="5.758" fill="url(#imwolHR)"/><circle cx="14.039" cy="17.961" r="5.758" fill="url(#ip51rmc)"/><circle cx="14.039" cy="17.961" r="2.859" fill="#B7ABC8"/><circle cx="14.039" cy="17.961" r="2.859" fill="url(#i7O7y6g)"/><circle cx="14.039" cy="17.961" r="2.859" fill="url(#iIaR18c)"/><g filter="url(#inxS6po)"><path stroke="url(#iVzquie)" stroke-width=".65" d="M14.282 28.93c6.057 0 10.968-4.911 10.968-10.97c0-6.057-4.91-10.968-10.968-10.968S3.313 11.903 3.313 17.961s4.911 10.968 10.969 10.968Z"/></g><path fill="#7C7088" d="M14.134 17.875c-.338-.339-.463-.723-.125-1.062l1.715-1.723a.867.867 0 1 1 1.226 1.226l-1.715 1.723c-.338.339-.762.174-1.1-.164"/><path fill="url(#iLH4HNc)" d="M14.134 17.875c-.338-.339-.463-.723-.125-1.062l1.715-1.723a.867.867 0 1 1 1.226 1.226l-1.715 1.723c-.338.339-.762.174-1.1-.164"/><path fill="url(#isJ7TVc)" d="M14.134 17.875c-.338-.339-.463-.723-.125-1.062l1.715-1.723a.867.867 0 1 1 1.226 1.226l-1.715 1.723c-.338.339-.762.174-1.1-.164"/><path fill="#2983DF" d="m22.664 2.772l1.227 3.244l-4.484 3.14c-1.335-3.531.298-5.617 1.814-6.826c.497-.396 1.218-.153 1.443.442"/><path fill="url(#iYzIAKd)" d="m22.664 2.772l1.227 3.244l-4.484 3.14c-1.335-3.531.298-5.617 1.814-6.826c.497-.396 1.218-.153 1.443.442"/><path fill="url(#iVFG26c)" d="m22.664 2.772l1.227 3.244l-4.484 3.14c-1.335-3.531.298-5.617 1.814-6.826c.497-.396 1.218-.153 1.443.442"/><path fill="#2980EB" d="m29.197 9.311l-3.259-1.187l-3.085 4.523c3.548 1.292 5.613-.367 6.803-1.897c.39-.502.138-1.221-.46-1.439"/><path fill="url(#i4QPORB)" d="m29.197 9.311l-3.259-1.187l-3.085 4.523c3.548 1.292 5.613-.367 6.803-1.897c.39-.502.138-1.221-.46-1.439"/><path fill="url(#iIa7KLc)" d="m29.197 9.311l-3.259-1.187l-3.085 4.523c3.548 1.292 5.613-.367 6.803-1.897c.39-.502.138-1.221-.46-1.439"/><g filter="url(#iLKrwLb)"><rect width=".946" height="5.258" x="21.323" y="2.624" fill="url(#i6x5yVb)" rx=".473" transform="rotate(-20.523 21.323 2.624)"/></g><g filter="url(#iFGrixd)"><rect width=".946" height="5.258" x="29.642" y="9.72" fill="url(#i6UFLDb)" rx=".473" transform="rotate(110.612 29.642 9.72)"/></g><g filter="url(#iKqC1oc)"><path fill="#52BCF0" d="m16.68 10.71l6.626-4.91c.88-.657 2.194-.486 2.857.197c.737.791.824 1.956.192 2.816l-4.89 6.645a3.407 3.407 0 1 1-4.785-4.748"/></g><path fill="url(#iNhRe7b)" d="m16.68 10.71l6.626-4.91c.88-.657 2.194-.486 2.857.197c.737.791.824 1.956.192 2.816l-4.89 6.645a3.407 3.407 0 1 1-4.785-4.748"/><path fill="url(#iTBASse)" d="m16.68 10.71l6.626-4.91c.88-.657 2.194-.486 2.857.197c.737.791.824 1.956.192 2.816l-4.89 6.645a3.407 3.407 0 1 1-4.785-4.748"/><path fill="url(#ivXZkoc)" d="m16.68 10.71l6.626-4.91c.88-.657 2.194-.486 2.857.197c.737.791.824 1.956.192 2.816l-4.89 6.645a3.407 3.407 0 1 1-4.785-4.748"/><g filter="url(#iNnSOJk)"><rect width="1.768" height="9.038" x="26.024" y="4.742" fill="#2984E4" rx=".884" transform="rotate(45 26.024 4.742)"/></g><rect width="1.768" height="9.038" x="26.024" y="4.742" fill="url(#iV4We9d)" rx=".884" transform="rotate(45 26.024 4.742)"/><defs><radialGradient id="itutVEA" cx="0" cy="0" r="1" gradientTransform="matrix(-3.04648 4.37923 -6.36862 -4.43043 19.972 10.33)" gradientUnits="userSpaceOnUse"><stop offset=".219" stop-color="#B82974"/><stop offset="1" stop-color="#B82974" stop-opacity="0"/></radialGradient><radialGradient id="iT6AeQd" cx="0" cy="0" r="1" gradientTransform="translate(11.214 17.96)scale(11.63)" gradientUnits="userSpaceOnUse"><stop offset=".861" stop-color="#CBC4DF" stop-opacity="0"/><stop offset="1" stop-color="#CBC4DF"/></radialGradient><radialGradient id="iMnYjGb" cx="0" cy="0" r="1" gradientTransform="matrix(-2.79254 5.20435 -2.84857 -1.52848 18.195 9.759)" gradientUnits="userSpaceOnUse"><stop stop-color="#9DA8B4"/><stop offset="1" stop-color="#9DA8B4" stop-opacity="0"/></radialGradient><radialGradient id="ip51rmc" cx="0" cy="0" r="1" gradientTransform="rotate(131.253 5.263 10.981)scale(4.47426)" gradientUnits="userSpaceOnUse"><stop stop-color="#962359"/><stop offset=".947" stop-color="#962359" stop-opacity="0"/></radialGradient><radialGradient id="i7O7y6g" cx="0" cy="0" r="1" gradientTransform="rotate(67.204 -6.039 18.655)scale(4.75032)" gradientUnits="userSpaceOnUse"><stop offset=".613" stop-color="#C9BED9" stop-opacity="0"/><stop offset="1" stop-color="#C9BED9"/></radialGradient><radialGradient id="iIaR18c" cx="0" cy="0" r="1" gradientTransform="rotate(103.843 1.754 13.56)scale(3.71373)" gradientUnits="userSpaceOnUse"><stop stop-color="#857D97"/><stop offset="1" stop-color="#857D97" stop-opacity="0"/></radialGradient><radialGradient id="iYzIAKd" cx="0" cy="0" r="1" gradientTransform="rotate(-157.278 11.408 .91)scale(2.71034 4.92096)" gradientUnits="userSpaceOnUse"><stop offset=".75" stop-color="#6897C2" stop-opacity="0"/><stop offset="1" stop-color="#6897C2"/></radialGradient><radialGradient id="iIa7KLc" cx="0" cy="0" r="1" gradientTransform="matrix(.75 4.07813 -5.25336 .96613 25.626 9.234)" gradientUnits="userSpaceOnUse"><stop offset=".814" stop-color="#5066D2" stop-opacity="0"/><stop offset=".926" stop-color="#5066D2"/></radialGradient><radialGradient id="i6x5yVb" cx="0" cy="0" r="1" gradientTransform="matrix(.268 4.98873 -1.0533 .05658 21.826 2.948)" gradientUnits="userSpaceOnUse"><stop stop-color="#61CEFF"/><stop offset="1" stop-color="#3CB8FF" stop-opacity="0"/></radialGradient><radialGradient id="i6UFLDb" cx="0" cy="0" r="1" gradientTransform="rotate(86.925 9.774 20.926)scale(4.99592 1.05482)" gradientUnits="userSpaceOnUse"><stop stop-color="#61CEFF"/><stop offset="1" stop-color="#3CB8FF" stop-opacity="0"/></radialGradient><radialGradient id="iNhRe7b" cx="0" cy="0" r="1" gradientTransform="matrix(-2.93751 2.18748 -2.25408 -3.02695 27.157 5.875)" gradientUnits="userSpaceOnUse"><stop offset=".423" stop-color="#6BFFFF"/><stop offset="1" stop-color="#6BFFFF" stop-opacity="0"/></radialGradient><radialGradient id="iTBASse" cx="0" cy="0" r="1" gradientTransform="matrix(-8.02067 7.30234 -7.39753 -8.12522 24.007 8.546)" gradientUnits="userSpaceOnUse"><stop offset=".838" stop-color="#5E9BDB" stop-opacity="0"/><stop offset="1" stop-color="#5E9BDB"/></radialGradient><radialGradient id="ivXZkoc" cx="0" cy="0" r="1" gradientTransform="rotate(134.318 8.106 9.959)scale(1.97052 1.03686)" gradientUnits="userSpaceOnUse"><stop offset=".361" stop-color="#49A0E1"/><stop offset="1" stop-color="#49A0E1" stop-opacity="0"/></radialGradient><radialGradient id="iV4We9d" cx="0" cy="0" r="1" gradientTransform="matrix(.0221 -2.93892 1.11949 .00842 26.831 5.626)" gradientUnits="userSpaceOnUse"><stop stop-color="#60CAFF"/><stop offset="1" stop-color="#60CAFF" stop-opacity="0"/></radialGradient><linearGradient id="iKpWZEe" x1="19.534" x2="9.433" y1="7.121" y2="27.666" gradientUnits="userSpaceOnUse"><stop stop-color="#E6378B"/><stop offset="1" stop-color="#EF3A5C"/></linearGradient><linearGradient id="iBljB7b" x1="20.353" x2="7.279" y1="22.389" y2="8.806" gradientUnits="userSpaceOnUse"><stop stop-color="#CEC3DF"/><stop offset="1" stop-color="#C5BCD3"/></linearGradient><linearGradient id="imwolHR" x1="17.878" x2="11.087" y1="14.074" y2="23.214" gradientUnits="userSpaceOnUse"><stop stop-color="#D2347A"/><stop offset="1" stop-color="#ED3963"/></linearGradient><linearGradient id="iVzquie" x1="23.42" x2="16.829" y1="10.783" y2="17.524" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6AA2"/><stop offset="1" stop-color="#FF6AA2" stop-opacity="0"/></linearGradient><linearGradient id="iLH4HNc" x1="16.148" x2="15.507" y1="17.281" y2="16.622" gradientUnits="userSpaceOnUse"><stop stop-color="#7E5F8A"/><stop offset="1" stop-color="#7E5F8A" stop-opacity="0"/></linearGradient><linearGradient id="isJ7TVc" x1="14.901" x2="15.139" y1="15.823" y2="16.047" gradientUnits="userSpaceOnUse"><stop stop-color="#746D7C"/><stop offset="1" stop-color="#746D7C" stop-opacity="0"/></linearGradient><linearGradient id="iVFG26c" x1="23.47" x2="21.876" y1="4.313" y2="4.875" gradientUnits="userSpaceOnUse"><stop stop-color="#58C3FF"/><stop offset="1" stop-color="#58C3FF" stop-opacity="0"/></linearGradient><linearGradient id="i4QPORB" x1="28.126" x2="27.532" y1="8.531" y2="9.812" gradientUnits="userSpaceOnUse"><stop stop-color="#49B6FF"/><stop offset="1" stop-color="#49B6FF" stop-opacity="0"/></linearGradient><filter id="iZ6oKdb" width="24.578" height="25.078" x="2" y="5.422" 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=".5" dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.737255 0 0 0 0 0.160784 0 0 0 0 0.329412 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3225"/><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=".5" dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.74902 0 0 0 0 0.341176 0 0 0 0 0.490196 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_3225" result="effect2_innerShadow_18_3225"/></filter><filter id="inxS6po" width="23.887" height="23.887" x="2.338" y="6.017" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_3225" stdDeviation=".325"/></filter><filter id="iLKrwLb" width="3.458" height="5.984" x="20.958" y="1.928" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_3225" stdDeviation=".25"/></filter><filter id="iFGrixd" width="5.982" height="3.464" x="24.024" y="7.506" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_3225" stdDeviation=".25"/></filter><filter id="iKqC1oc" width="11.715" height="11.71" x="15.313" y="5.387" 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=".25" dy=".25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.45098 0 0 0 0 0.65098 0 0 0 0 0.737255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3225"/></filter><filter id="iNnSOJk" width="7.208" height="7.208" x="19.85" y="4.958" 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=".15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.160784 0 0 0 0 0.521569 0 0 0 0 0.764706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3225"/><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="-.15" dy="-.15"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.435294 0 0 0 0 0.831373 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_3225" result="effect2_innerShadow_18_3225"/></filter></defs></g></svg>Comment utiliser l'icône Bullseye
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:bullseye" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:bullseye" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:bullseye" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--bullseye]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:bullseye"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:bullseye"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/bullseye.svg" alt="Icône Bullseye" width="24" height="24">L'icône Bullseye dans d'autres collections
FAQ : Icône Bullseye
L'icône Bullseye 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 Bullseye dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:bullseye" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Bullseye à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/bullseye.svg" alt="Icône Bullseye">, ou collez le code SVG directement dans la page pour le styliser en CSS.