Icono Grip Vertical Bold
solar:grip-vertical-bold
El icono Grip Vertical Bold (solar:grip-vertical-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Interfaz
- Etiquetas
- gripvertical, verticalbold, gripverticalbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.50391 17.5C9.33233 17.5 10.0039 18.1716 10.0039 19C10.0039 19.8284 9.33233 20.5 8.50391 20.5C7.67548 20.5 7.00391 19.8284 7.00391 19C7.00391 18.1716 7.67548 17.5 8.50391 17.5Z"/><path d="M15.5117 17.5C16.3401 17.5 17.0117 18.1716 17.0117 19C17.0117 19.8284 16.3401 20.5 15.5117 20.5C14.6833 20.5 14.0117 19.8284 14.0117 19C14.0117 18.1716 14.6833 17.5 15.5117 17.5Z"/><path d="M8.50391 10.5C9.33233 10.5 10.0039 11.1716 10.0039 12C10.0039 12.8284 9.33233 13.5 8.50391 13.5C7.67548 13.5 7.00391 12.8284 7.00391 12C7.00391 11.1716 7.67548 10.5 8.50391 10.5Z"/><path d="M15.5117 10.5C16.3401 10.5 17.0117 11.1716 17.0117 12C17.0117 12.8284 16.3401 13.5 15.5117 13.5C14.6833 13.5 14.0117 12.8284 14.0117 12C14.0117 11.1716 14.6833 10.5 15.5117 10.5Z"/><path d="M8.48828 3.5C9.31671 3.5 9.98828 4.17157 9.98828 5C9.98828 5.82843 9.31671 6.5 8.48828 6.5C7.65985 6.5 6.98828 5.82843 6.98828 5C6.98828 4.17157 7.65985 3.5 8.48828 3.5Z"/><path d="M15.4961 3.5C16.3245 3.5 16.9961 4.17157 16.9961 5C16.9961 5.82843 16.3245 6.5 15.4961 6.5C14.6677 6.5 13.9961 5.82843 13.9961 5C13.9961 4.17157 14.6677 3.5 15.4961 3.5Z"/></g></svg>
Cómo usar el icono Grip Vertical Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:grip-vertical-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:grip-vertical-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:grip-vertical-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--grip-vertical-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:grip-vertical-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:grip-vertical-bold"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/grip-vertical-bold.svg" alt="Icono Grip Vertical Bold" width="24" height="24">
Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Grip Vertical Bold
¿El icono Grip Vertical Bold es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Grip Vertical Bold en React?
Instala @iconify/react y renderiza <Icon icon="solar:grip-vertical-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Grip Vertical Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/grip-vertical-bold.svg" alt="Icono Grip Vertical Bold">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Solar →
