ICONYZ
Français
Icône File Type Ogone de VSCode Icons

Icône File Type Ogone

vscode-icons:file-type-ogone

L'icône File Type Ogone (vscode-icons:file-type-ogone) est une icône SVG gratuite de la collection VSCode Icons par Roberto Huertas. Elle est dessinée sur une grille de 32 × 32. Les VSCode 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
VSCode Icons
Auteur
Roberto Huertas
Licence
MIT
Taille
32 × 32
Mots-clés
filetype, typeogone, filetypeogone
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#b4aff8" d="M2 15.935A14 14 0 1 1 15.928 30A13.983 13.983 0 0 1 2 15.935m19.861-.745a.84.84 0 0 0-.2-.531q-1.712-2.076-3.42-4.154a.63.63 0 0 0-.875-.228c-.375.223-.343.558-.178.917c.514 1.116 1 2.248 1.535 3.352a1.28 1.28 0 0 1-.063 1.353c-2.129 3.663-4.231 7.341-6.346 11.012c-.182.317-.281.618.027.9s.6.173.906-.029q2.3-1.523 4.6-3.032a1.3 1.3 0 0 0 .542-.647q1.662-4.262 3.337-8.519c.055-.136.097-.284.135-.394M15.237 4.138a.606.606 0 0 0-.576.9a2.5 2.5 0 0 0 .346.421q4.254 4.7 8.516 9.4a1.01 1.01 0 0 1 .254 1c-.28 1.244-.54 2.492-.807 3.739c-.1.48.021.8.377.9c.426.119.644-.144.816-.48c.788-1.541 1.572-3.085 2.375-4.618a.89.89 0 0 0-.064-1.013q-2.553-3.805-5.083-7.625a1.32 1.32 0 0 0-.66-.528q-2.553-.972-5.1-1.954c-.142-.065-.288-.107-.394-.142m-.609 3.928c-.45-.013-.678.364-.567.968c.222 1.21.441 2.421.686 3.626a1.12 1.12 0 0 1-.325 1.108Q9.961 18.373 5.523 23c-.253.263-.421.537-.193.887s.539.321.887.2c1.745-.621 3.493-1.232 5.24-1.848a1.07 1.07 0 0 0 .557-.374q2.732-3.851 5.469-7.7a.71.71 0 0 0 .07-.773L15.2 8.459a.63.63 0 0 0-.572-.393"/><path fill="#343435" d="M21.861 15.19c-.038.113-.08.258-.135.4l-3.337 8.519a1.3 1.3 0 0 1-.542.647q-2.307 1.509-4.6 3.032c-.3.2-.6.315-.906.029s-.209-.588-.027-.9c2.115-3.671 4.217-7.349 6.346-11.012a1.28 1.28 0 0 0 .063-1.353c-.539-1.1-1.021-2.236-1.535-3.352c-.165-.359-.2-.694.178-.917a.63.63 0 0 1 .875.228q1.707 2.08 3.42 4.154a.84.84 0 0 1 .2.525"/><path fill="#343435" d="M15.237 4.138c.106.035.252.077.393.131l5.1 1.954a1.32 1.32 0 0 1 .66.528q2.532 3.819 5.083 7.625a.89.89 0 0 1 .064 1.013c-.8 1.533-1.587 3.077-2.375 4.618c-.172.336-.39.6-.816.48c-.356-.1-.48-.416-.377-.9c.267-1.247.527-2.5.807-3.739a1.01 1.01 0 0 0-.254-1q-4.269-4.687-8.516-9.4a2.5 2.5 0 0 1-.346-.421a.606.606 0 0 1 .577-.889m-.609 3.928a.63.63 0 0 1 .57.393q1.179 2.466 2.355 4.935a.71.71 0 0 1-.07.773q-2.736 3.846-5.469 7.7a1.07 1.07 0 0 1-.557.374c-1.747.616-3.5 1.227-5.24 1.848c-.348.124-.662.149-.887-.2s-.06-.624.193-.887l8.9-9.234a1.12 1.12 0 0 0 .325-1.108c-.245-1.2-.464-2.416-.686-3.626c-.112-.604.116-.981.566-.968"/></svg>

Comment utiliser l'icône File Type Ogone

React

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

<Icon icon="vscode-icons:file-type-ogone" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-ogone" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-ogone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-ogone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-ogone"></div>

Web component

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

<iconify-icon icon="vscode-icons:file-type-ogone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ogone.svg" alt="Icône File Type Ogone" width="24" height="24">

Icônes similaires dans VSCode Icons

FAQ : Icône File Type Ogone

L'icône File Type Ogone est-elle gratuite pour un usage commercial ?

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

Comment utiliser l'icône File Type Ogone dans React ?

Installez @iconify/react et affichez <Icon icon="vscode-icons:file-type-ogone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône File Type Ogone à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-ogone.svg" alt="Icône File Type Ogone">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les VSCode Icons →