ICONYZ
Português (Brasil)
Ícone Storyblok Icon de SVG Logos

Ícone Storyblok Icon

logos:storyblok-icon

O ícone Storyblok Icon (logos:storyblok-icon) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 302. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
SVG Logos
Autor
Gil Barbara
Licença
CC0-1.0
Tamanho
256 × 302
Tags
storyblokicon
Baixar SVG

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.349z"/></svg>

Como usar o ícone 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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/logos/storyblok-icon.svg" alt="Ícone Storyblok Icon" width="24" height="24">

Ícones relacionados em SVG Logos

Ícone storyblok
storyblok

Perguntas frequentes sobre Ícone Storyblok Icon

O ícone Storyblok Icon é grátis para uso comercial?

Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Storyblok Icon no React?

Instale @iconify/react e renderize <Icon icon="logos:storyblok-icon" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Storyblok Icon a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/storyblok-icon.svg" alt="Ícone Storyblok Icon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones SVG Logos →