Icône Onshape
thesvg-color:onshape
L'icône Onshape (thesvg-color:onshape) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 220 × 62. Les theSVG Color 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
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 220 × 62
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="220" height="62" viewBox="0 0 220 62"><path fill="#1b5faa" d="M19.81 38.563c-4.933 0-7.038-2.433-7.038-13.285s2.105-13.35 7.037-13.35c4.867 0 7.037 2.433 7.037 13.35s-2.17 13.285-7.037 13.285m0-36.17C6.13 2.392 1 9.625 1 25.277s5.13 22.82 18.81 22.82c13.614 0 18.678-7.168 18.678-22.82S33.423 2.392 19.809 2.392m96.706 12.166c-2.303 0-4.736.593-6.38 1.513h-.066V1.076H99.547v46.365h10.522v-22.36c1.448-1.053 3.289-1.776 4.736-1.776c1.315 0 1.841.527 1.841 1.841v22.295h10.523V23.24c0-6.708-5.394-8.68-10.654-8.68m93.081 12.888h-6.972c.132-3.025.592-5.392 3.815-5.392c2.696 0 3.157 2.433 3.157 4.8zm9.404 1.25c0-8.024-3.354-14.14-12.626-14.14c-11.115 0-14.601 6.314-14.601 17.363c0 10.061 4.012 16.178 16.244 16.178c2.236 0 7.234-.395 9.734-1.25l-.395-8.417c-1.842.525-5.327 1.118-7.629 1.118c-6.445 0-7.037-1.908-7.037-5.46H219zm-126.856.329l-6.709-3.157c-.986-.46-1.578-.724-1.578-1.644c0-.986.723-1.316 3.223-1.316c.855 0 5.261.132 7.958.593l.394-8.352c-2.696-.46-6.84-.593-8.616-.593c-7.957 0-13.678 2.631-13.678 9.865c0 4.933 2.696 7.892 6.05 9.339l6.05 2.696c1.184.527 1.71 1.052 1.71 1.71c0 1.053-.655 1.006-3.022 1.006c-1.778 0-5.447 0-9.02.003v-.003h-5.519V23.24c0-6.709-5.392-8.682-10.653-8.682c-3.42 0-6.511 1.184-8.616 2.697h-.066l-.591-2.039h-7.695v32.225h10.522v-22.36c1.447-1.053 3.29-1.776 4.736-1.776c1.315 0 1.841.527 1.841 1.841v22.295h7.848l22.087.015c5.182-.924 8.737-3.812 8.737-9.748c0-4.538-2.302-7.234-5.393-8.681m82.528 10.433c-.916.08-2.301.008-3.09-.255V24.49c.855-.658 2.302-1.316 3.946-1.316c2.5 0 3.748 1.448 3.748 8.287c0 5.524-1.144 7.695-4.604 8m-29.134-.569c-.79.724-2.302 1.184-3.288 1.184c-1.974 0-2.894-1.052-2.894-3.156c0-.33.065-1.316.657-1.908c.921-.92 3.026-.986 5.525-.986zm32.95-24.333c-2.96 0-6.577.658-9.076 2.697h-.066l-.592-2.039h-7.695v23.962h-5.262V23.371c0-6.577-6.05-8.813-13.087-8.813c-2.829 0-7.497.395-11.378 1.316l.395 8.483c4.406-.92 8.945-1.25 10.523-1.25c2.038 0 3.157.527 3.157 2.434v1.775c-4.867 0-11.181.658-13.877 3.355c-1.908 1.907-2.566 4.538-2.566 7.037c0 6.708 4.474 9.843 10.128 9.957c1.64.032 4.578-.052 7.656-.226l14.311.003v13.48h10.523V47.704c1.314.197 3.354.263 4.669.263c9.537 0 13.943-5.59 13.943-16.968c0-8.878-2.302-16.442-11.707-16.442"/></svg>Comment utiliser l'icône Onshape
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:onshape" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:onshape" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:onshape" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--onshape]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:onshape"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:onshape"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/onshape.svg" alt="Icône Onshape" width="24" height="24">L'icône Onshape dans d'autres collections
FAQ : Icône Onshape
L'icône Onshape est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Onshape dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:onshape" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Onshape à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/onshape.svg" alt="Icône Onshape">, ou collez le code SVG directement dans la page pour le styliser en CSS.