Icône Origami
logos:origami
L'icône Origami (logos:origami) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 256. 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 × 256
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><radialGradient id="SVGO7u3OVxo" cx="26.196%" cy="9.36%" r="105.51%" fx="26.196%" fy="9.36%" gradientTransform="matrix(.52886 .8454 -.8487 .5268 .203 -.177)"><stop offset="0%" stop-color="#51c3f7"/><stop offset="100%" stop-color="#046cf4"/></radialGradient><radialGradient id="SVGMqAlqdXv" cx="-15.313%" cy="-13.633%" r="181.001%" fx="-15.313%" fy="-13.633%" gradientTransform="matrix(.9647 .23955 -.26337 .87744 -.041 .02)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#5cb5ff"/></radialGradient><radialGradient id="SVGeoJZybyG" cx="69.551%" cy="-14.976%" r="205.05%" fx="69.551%" fy="-14.976%" gradientTransform="matrix(-.45604 .51346 -.88996 -.26311 .88 -.546)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#7ac2ff"/></radialGradient><radialGradient id="SVGbLM63sVI" cx="40.071%" cy="19.981%" r="98.92%" fx="40.071%" fy="19.981%" gradientTransform="matrix(.5143 .57232 -.8576 .34322 .366 -.098)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#cbe7ff"/></radialGradient><path id="SVGCeJmwdht" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/></defs><path fill="url(#SVGO7u3OVxo)" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/><mask id="SVG8oxFqeJa" fill="#fff"><use href="#SVGCeJmwdht"/></mask><path fill="#e8f5ff" d="m136.982 58.764l57.763 61.091l-49.756-11.637z" mask="url(#SVG8oxFqeJa)"/><path fill="#64a4d8" d="m138.379 67.243l14.525 42.993l-8.211-2.018z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGMqAlqdXv)" d="M21.364 140.8L-94 13.964L6.172 35.907z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGeoJZybyG)" d="M159.488 196.997L136.503 58.764L79.735 127.88z" mask="url(#SVG8oxFqeJa)"/><path fill="#4492d2" d="m89.116 116.735l34.936 43.464l-37.688-40.054z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGbLM63sVI)" d="m56.725 335.585l-97.279-226.846L4.621 35.491l155.091 161.683z" mask="url(#SVG8oxFqeJa)"/></svg>Comment utiliser l'icône Origami
React
import { Icon } from "@iconify/react";
<Icon icon="logos:origami" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:origami" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:origami" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--origami]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:origami"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:origami"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/origami.svg" alt="Icône Origami" width="24" height="24">L'icône Origami dans d'autres collections
FAQ : Icône Origami
L'icône Origami 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 Origami dans React ?
Installez @iconify/react et affichez <Icon icon="logos:origami" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Origami à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/origami.svg" alt="Icône Origami">, ou collez le code SVG directement dans la page pour le styliser en CSS.