ICONYZ
Français
Icône Usb Circle Outline de Solar

Icône Usb Circle Outline

solar:usb-circle-outline

L'icône Usb Circle Outline (solar:usb-circle-outline) 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
Informatique
Mots-clés
usbcircle, circleoutline, usbcircleoutline
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" fill-rule="evenodd" clip-rule="evenodd"><path d="M13.5303 6.46967L12.5303 5.46967C12.2374 5.17678 11.7626 5.17678 11.4697 5.46967L10.4697 6.46967C10.1768 6.76256 10.1768 7.23744 10.4697 7.53033C10.6807 7.74135 10.9862 7.80034 11.25 7.70729V12.7415C11.1787 12.7115 11.1055 12.6847 11.0306 12.6613L9.62716 12.2227C9.10531 12.0596 8.75 11.5763 8.75 11.0296V10.5816C9.34124 10.3007 9.75 9.6981 9.75 9C9.75 8.0335 8.9665 7.25 8 7.25C7.0335 7.25 6.25 8.0335 6.25 9C6.25 9.6981 6.65876 10.3007 7.25 10.5816V11.0296C7.25 12.2324 8.03169 13.2957 9.17974 13.6544L10.5832 14.093C10.9799 14.217 11.25 14.5844 11.25 15V15.4184C10.6588 15.6993 10.25 16.3019 10.25 17C10.25 17.9665 11.0335 18.75 12 18.75C12.9665 18.75 13.75 17.9665 13.75 17C13.75 16.3605 13.4069 15.8011 12.8948 15.4958C13.0124 15.3081 13.1948 15.1624 13.4168 15.093L14.8203 14.6544C15.9683 14.2957 16.75 13.2324 16.75 12.0296V11.7084C16.9502 11.6695 17.1831 11.5847 17.3839 11.3839C17.6197 11.1481 17.6955 10.8679 17.725 10.6486C17.7502 10.4614 17.7501 10.2396 17.75 10.0345V9.96555C17.7501 9.76045 17.7502 9.53864 17.725 9.35143C17.6955 9.1321 17.6197 8.85192 17.3839 8.61612C17.1481 8.38032 16.8679 8.30448 16.6486 8.27499C16.4614 8.24982 16.2396 8.24991 16.0344 8.24999H15.9656C15.7604 8.24991 15.5386 8.24982 15.3514 8.27499C15.1321 8.30448 14.8519 8.38032 14.6161 8.61612C14.3803 8.85192 14.3045 9.1321 14.275 9.35143C14.2498 9.53864 14.2499 9.76042 14.25 9.96553V10.0344C14.2499 10.2396 14.2498 10.4614 14.275 10.6486C14.3045 10.8679 14.3803 11.1481 14.6161 11.3839C14.8169 11.5847 15.0498 11.6695 15.25 11.7084V12.0296C15.25 12.5763 14.8947 13.0596 14.3728 13.2227L12.9694 13.6613C12.8945 13.6847 12.8213 13.7115 12.75 13.7415V7.70729C13.0138 7.80034 13.3193 7.74135 13.5303 7.53033C13.8232 7.23744 13.8232 6.76256 13.5303 6.46967ZM16.2488 10.2488C16.1794 10.25 16.0991 10.25 16 10.25C15.9009 10.25 15.8206 10.25 15.7512 10.2488C15.75 10.1794 15.75 10.0991 15.75 10C15.75 9.90092 15.75 9.82061 15.7512 9.75115C15.8206 9.75003 15.9009 9.75 16 9.75C16.0991 9.75 16.1794 9.75003 16.2488 9.75115C16.25 9.82061 16.25 9.90092 16.25 10C16.25 10.0991 16.25 10.1794 16.2488 10.2488ZM12 16.75C11.8619 16.75 11.75 16.8619 11.75 17C11.75 17.1381 11.8619 17.25 12 17.25C12.1381 17.25 12.25 17.1381 12.25 17C12.25 16.8619 12.1381 16.75 12 16.75ZM8.25 9C8.25 9.13807 8.13807 9.25 8 9.25C7.86193 9.25 7.75 9.13807 7.75 9C7.75 8.86193 7.86193 8.75 8 8.75C8.13807 8.75 8.25 8.86193 8.25 9Z"/><path d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"/></g></svg>

Comment utiliser l'icône Usb Circle Outline

React

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

<Icon icon="solar:usb-circle-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:usb-circle-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:usb-circle-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--usb-circle-outline]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="solar:usb-circle-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/usb-circle-outline.svg" alt="Icône Usb Circle Outline" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Usb Circle Outline

L'icône Usb Circle Outline 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 Usb Circle Outline dans React ?

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

Comment ajouter l'icône Usb Circle Outline à une page web ?

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

Voir toutes les Icônes Solar →