Icono Notebook
whh:notebook
El icono Notebook (whh:notebook) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 768 × 1024. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 768 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M704 736v64q0 13 9.5 22.5T736 832t22.5 9.5T768 864t-9.5 22.5T736 896H384v128l-96-64l-96 64V896H64q-26 0-45-18.5T0 832V64q0-26 19-45T64 0h640q27 0 45.5 19T768 64v640h-32q-13 0-22.5 9.5T704 736m-640 0v64q0 13 9.5 22.5T96 832h96v-64h192v64h224q13 0 22.5-9.5T640 800v-64q0-13-9.5-22.5T608 704H96q-13 0-22.5 9.5T64 736M704 96q0-13-9.5-22.5T672 64H160q-13 0-22.5 9.5T128 96v512q0 13 9.5 22.5T160 640h512q13 0 22.5-9.5T704 608zM544 384H288q-13 0-22.5-9.5T256 352t9.5-22.5T288 320h256q13 0 22.5 9.5T576 352t-9.5 22.5T544 384m0-128H288q-13 0-22.5-9.5T256 224t9.5-22.5T288 192h256q13 0 22.5 9.5T576 224t-9.5 22.5T544 256"/></svg>
Cómo usar el icono Notebook
React
import { Icon } from "@iconify/react";
<Icon icon="whh:notebook" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:notebook" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:notebook" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--notebook]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:notebook"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:notebook"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/notebook.svg" alt="Icono Notebook" width="24" height="24">
El icono Notebook en otras colecciones
Preguntas frecuentes sobre Icono Notebook
¿El icono Notebook es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Notebook en React?
Instala @iconify/react y renderiza <Icon icon="whh:notebook" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Notebook a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/notebook.svg" alt="Icono Notebook">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos WebHostingHub Glyphs →
ICONYZ
