Icono Storyblok
thesvg-color:storyblok
El icono Storyblok (thesvg-color:storyblok) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 256 × 302. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 256 × 302
Código 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.349h54.22Z"/></svg>Cómo usar el icono Storyblok
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:storyblok" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:storyblok" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:storyblok" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--storyblok]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:storyblok"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:storyblok"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/storyblok.svg" alt="Icono Storyblok" width="24" height="24">El icono Storyblok en otras colecciones
Preguntas frecuentes sobre Icono Storyblok
¿El icono Storyblok es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Storyblok en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:storyblok" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Storyblok a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/storyblok.svg" alt="Icono Storyblok">, o pega el código SVG en línea para darle estilo con CSS.