Icône Storyblok Icon
logos:storyblok-icon
L'icône Storyblok Icon (logos:storyblok-icon) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 256 × 302. 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 × 302
- Mots-clés
- storyblokicon
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="302" viewBox="0 0 256 302"><path fill="#0ab3af" d="m244.495 0l-.274.292c7.15 0 11.524 5.54 11.768 12.32l.011.6v230.552c0 7.12-4.156 11.473-10.852 11.73l-.635.013H89.558l-42.423 45.82v-46.112H12.966c-6.868 0-12.619-4.146-12.95-10.844L0 243.755V12.921C0 6.067 5.567.327 12.648.013l.61-.013zm-78.93 46.989H47.135v164.47H151.43c7.954 0 15.615-1.47 22.682-3.233c6.605-1.364 12.43-4.278 17.729-7.519l1.127-.699a35.55 35.55 0 0 0 12.08-11.94l.585-.99h-.302c2.94-5.277 4.42-11.45 4.42-18.792c0-11.45-2.657-20.563-7.962-27.612c-5.589-6.748-12.957-11.45-22.38-14.09a36.78 36.78 0 0 0 17.668-15.86c3.835-7.05 5.899-14.39 5.899-22.024a43.97 43.97 0 0 0-10.017-28.49c-3.242-3.825-7.369-7.049-11.78-9.404c-4.405-2.463-9.058-3.654-14.447-3.801zm-16.929 91.923c3.406 0 5.963 1.662 8.237 4.447a16.4 16.4 0 0 1 3.122 9.998c0 4.164-1.424 7.497-3.689 9.725c-2.374 2.06-5.236 3.404-8.36 3.586l-.725.02H89.604v-27.776zm-4.82-55.563a11.5 11.5 0 0 1 7.377 2.776c1.99 1.945 3.123 5.004 3.123 9.167c0 4.459-1.01 7.932-3.276 9.704l-.413.295c-2.099 1.542-4.68 2.844-7.291 3.035l-.653.024H89.595V83.349z"/></svg>Comment utiliser l'icône Storyblok Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:storyblok-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:storyblok-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:storyblok-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--storyblok-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:storyblok-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:storyblok-icon"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/logos/storyblok-icon.svg" alt="Icône Storyblok Icon" width="24" height="24">Icônes similaires dans SVG Logos
FAQ : Icône Storyblok Icon
L'icône Storyblok 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 Storyblok Icon dans React ?
Installez @iconify/react et affichez <Icon icon="logos:storyblok-icon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Storyblok Icon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/storyblok-icon.svg" alt="Icône Storyblok Icon">, ou collez le code SVG directement dans la page pour le styliser en CSS.