Icône Rancher Icon
logos:rancher-icon
L'icône Rancher Icon (logos:rancher-icon) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 121. Les SVG Logos icons sont publiées sous la licence CC0, 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
- SVG Logos
- Auteur
- Gil Barbara
- Licence
- CC0-1.0
- Taille
- 256 × 121
- Mots-clés
- ranchericon
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="121" viewBox="0 0 256 121"><path fill="#2453ff" d="M255.867 26.366L253.05 9.727a31.4 31.4 0 0 0-1.044-4.373l-.216-.643C250.801 1.887 249.54 0 248.443 0c-1.044 0-1.988 1.766-2.546 4.411l-.117.602q-.029.155-.054.311l-.097.642q-.023.162-.043.33l-.076.675q-.033.343-.06.696l-.043.714q-.035.723-.035 1.474v4.352c0 5.375-4.48 9.855-9.856 9.855h-5.247v12.03h17.278c5.504 0 9.216-4.35 8.32-9.726m-39.293-14.08h-54.523c-.384 0-.64 0-.896.129l-.002-2.933l-.018-.738l-.015-.363l-.044-.714q-.052-.706-.135-1.372l-.09-.653a23 23 0 0 0-.104-.629l-.117-.602C160.072 1.766 159.128 0 158.083 0c-1.46 0-3.217 3.355-4.23 7.812l-.163.753q-.076.381-.147.77l-2.883 17.03c-.896 5.376 2.816 9.728 8.191 9.728h16.383c1.664 0 3.328-.256 4.607-.768c-.511 2.816-2.943 4.863-5.887 4.863h-23.038c-3.712 0-6.527-3.327-5.887-7.039l2.303-13.95c.64-3.712-2.175-7.04-5.887-7.04H27.279c-2.432 0-4.48 1.408-5.503 3.584L.274 48.636a1.37 1.37 0 0 0 .128 1.791l4.223 4.992c.512.64 1.408.768 2.048.256l14.59-11.519v70.138a6.01 6.01 0 0 0 6.016 6.015h32.51a6.01 6.01 0 0 0 6.015-6.015V89.976a6.01 6.01 0 0 1 6.015-6.016h81.017a6.01 6.01 0 0 1 6.015 6.016v24.318a6.01 6.01 0 0 0 6.016 6.015h32.509a6.01 6.01 0 0 0 6.015-6.015V87.8h-17.278c-5.376 0-9.855-4.48-9.855-9.855V61.178c0-3.2 1.536-6.015 3.967-7.807v20.094c0 5.376 4.48 9.855 9.856 9.855h26.493c5.376 0 9.855-4.48 9.855-9.855V22.27c0-5.504-4.48-9.983-9.855-9.983"/></svg>Comment utiliser l'icône Rancher Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rancher-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rancher-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rancher-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rancher-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rancher-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rancher-icon"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/rancher-icon.svg" alt="Icône Rancher Icon" width="24" height="24">Icônes similaires dans SVG Logos
FAQ : Icône Rancher Icon
L'icône Rancher Icon est-elle gratuite pour un usage commercial ?
Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Rancher Icon dans React ?
Installez @iconify/react et affichez <Icon icon="logos:rancher-icon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rancher Icon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/rancher-icon.svg" alt="Icône Rancher Icon">, ou collez le code SVG directement dans la page pour le styliser en CSS.