Icône Record Circle Bold Duotone

solar:record-circle-bold-duotone

L'icône Record Circle Bold Duotone (solar:record-circle-bold-duotone) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Appels
Mots-clés: recordcircle, circlebold, boldduotone, recordcircleboldduotone

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" opacity=".5"/><path fill-rule="evenodd" d="M12.75 12C12.75 12.6443 12.9375 13.2449 13.2609 13.75H10.7391C11.0625 13.2449 11.25 12.6443 11.25 12C11.25 10.2051 9.79493 8.75 8 8.75C6.20507 8.75 4.75 10.2051 4.75 12C4.75 13.7949 6.20507 15.25 8 15.25H16C17.7949 15.25 19.25 13.7949 19.25 12C19.25 10.2051 17.7949 8.75 16 8.75C14.2051 8.75 12.75 10.2051 12.75 12ZM14.25 12C14.25 11.0335 15.0335 10.25 16 10.25C16.9665 10.25 17.75 11.0335 17.75 12C17.75 12.9665 16.9665 13.75 16 13.75C15.0335 13.75 14.25 12.9665 14.25 12ZM9.75 12C9.75 12.9665 8.9665 13.75 8 13.75C7.0335 13.75 6.25 12.9665 6.25 12C6.25 11.0335 7.0335 10.25 8 10.25C8.9665 10.25 9.75 11.0335 9.75 12Z" clip-rule="evenodd"/></g></svg>

Comment utiliser l'icône Record Circle Bold Duotone

React

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

<Icon icon="solar:record-circle-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:record-circle-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:record-circle-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--record-circle-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:record-circle-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:record-circle-bold-duotone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/record-circle-bold-duotone.svg" alt="Icône Record Circle Bold Duotone" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Record Circle Bold Duotone

L'icône Record Circle Bold Duotone est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Record Circle Bold Duotone dans React ?

Installez @iconify/react et affichez <Icon icon="solar:record-circle-bold-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Record Circle Bold Duotone à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/record-circle-bold-duotone.svg" alt="Icône Record Circle Bold Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →