vigo icon
vigo from IconPark TwoTone by ByteDance · Two tone · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- vigo
- Set
- IconPark TwoTone
- Style
- Two tone
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More brand icons from IconPark TwoTone
Use the vigo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGAlPGBhXj"><g fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3.833"><path fill="#555" d="M24 44.125c9.527 0 17.25-7.616 17.25-17.01c0-2.306-.315-4.5-.99-6.591c-.39-1.207-.704-1.783-1.167-2.894s-1.079-2.05-1.78-2.993c-.7-.943-2.067-2.798-3.012-3.17c0 1.461-2.873 6.568-3.975 6.824c-1.103.257.815-5.369-1.628-9.217S22.305 2.7 22.305 4.43s-1.093 4.632-2.194 6.072c-1.1 1.439-2.886 2.675-4.13 3.256s-.793-2.908-1.726-2.292c-.94.621-2.278 2.351-2.98 3.437c-2.462 3.801-4.525 7.515-4.525 12.212c0 9.394 7.723 17.01 17.25 17.01Z"/><path fill="#fff" d="M19.296 23.733v8.737a1.878 1.878 0 0 0 2.863 1.599l8.385-5.169a.94.94 0 0 0 0-1.598l-8.385-5.168a1.878 1.878 0 0 0-2.863 1.599Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGAlPGBhXj)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkTwotoneVigo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGAlPGBhXj"><g fill="none" stroke="#fff" strokeLinejoin="round" strokeWidth="3.833"><path fill="#555" d="M24 44.125c9.527 0 17.25-7.616 17.25-17.01c0-2.306-.315-4.5-.99-6.591c-.39-1.207-.704-1.783-1.167-2.894s-1.079-2.05-1.78-2.993c-.7-.943-2.067-2.798-3.012-3.17c0 1.461-2.873 6.568-3.975 6.824c-1.103.257.815-5.369-1.628-9.217S22.305 2.7 22.305 4.43s-1.093 4.632-2.194 6.072c-1.1 1.439-2.886 2.675-4.13 3.256s-.793-2.908-1.726-2.292c-.94.621-2.278 2.351-2.98 3.437c-2.462 3.801-4.525 7.515-4.525 12.212c0 9.394 7.723 17.01 17.25 17.01Z"/><path fill="#fff" d="M19.296 23.733v8.737a1.878 1.878 0 0 0 2.863 1.599l8.385-5.169a.94.94 0 0 0 0-1.598l-8.385-5.168a1.878 1.878 0 0 0-2.863 1.599Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGAlPGBhXj)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGAlPGBhXj"><g fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3.833"><path fill="#555" d="M24 44.125c9.527 0 17.25-7.616 17.25-17.01c0-2.306-.315-4.5-.99-6.591c-.39-1.207-.704-1.783-1.167-2.894s-1.079-2.05-1.78-2.993c-.7-.943-2.067-2.798-3.012-3.17c0 1.461-2.873 6.568-3.975 6.824c-1.103.257.815-5.369-1.628-9.217S22.305 2.7 22.305 4.43s-1.093 4.632-2.194 6.072c-1.1 1.439-2.886 2.675-4.13 3.256s-.793-2.908-1.726-2.292c-.94.621-2.278 2.351-2.98 3.437c-2.462 3.801-4.525 7.515-4.525 12.212c0 9.394 7.723 17.01 17.25 17.01Z"/><path fill="#fff" d="M19.296 23.733v8.737a1.878 1.878 0 0 0 2.863 1.599l8.385-5.169a.94.94 0 0 0 0-1.598l-8.385-5.168a1.878 1.878 0 0 0-2.863 1.599Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGAlPGBhXj)"/></svg> </template>
CSS
.icon-vigo {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGAlPGBhXj%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223.833%22%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M24%2044.125c9.527%200%2017.25-7.616%2017.25-17.01c0-2.306-.315-4.5-.99-6.591c-.39-1.207-.704-1.783-1.167-2.894s-1.079-2.05-1.78-2.993c-.7-.943-2.067-2.798-3.012-3.17c0%201.461-2.873%206.568-3.975%206.824c-1.103.257.815-5.369-1.628-9.217S22.305%202.7%2022.305%204.43s-1.093%204.632-2.194%206.072c-1.1%201.439-2.886%202.675-4.13%203.256s-.793-2.908-1.726-2.292c-.94.621-2.278%202.351-2.98%203.437c-2.462%203.801-4.525%207.515-4.525%2012.212c0%209.394%207.723%2017.01%2017.25%2017.01Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.296%2023.733v8.737a1.878%201.878%200%200%200%202.863%201.599l8.385-5.169a.94.94%200%200%200%200-1.598l-8.385-5.168a1.878%201.878%200%200%200-2.863%201.599Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGAlPGBhXj)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGAlPGBhXj%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223.833%22%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M24%2044.125c9.527%200%2017.25-7.616%2017.25-17.01c0-2.306-.315-4.5-.99-6.591c-.39-1.207-.704-1.783-1.167-2.894s-1.079-2.05-1.78-2.993c-.7-.943-2.067-2.798-3.012-3.17c0%201.461-2.873%206.568-3.975%206.824c-1.103.257.815-5.369-1.628-9.217S22.305%202.7%2022.305%204.43s-1.093%204.632-2.194%206.072c-1.1%201.439-2.886%202.675-4.13%203.256s-.793-2.908-1.726-2.292c-.94.621-2.278%202.351-2.98%203.437c-2.462%203.801-4.525%207.515-4.525%2012.212c0%209.394%207.723%2017.01%2017.25%2017.01Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.296%2023.733v8.737a1.878%201.878%200%200%200%202.863%201.599l8.385-5.169a.94.94%200%200%200%200-1.598l-8.385-5.168a1.878%201.878%200%200%200-2.863%201.599Z%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGAlPGBhXj)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-twotone/vigo.svg?color=%231a73e8&size=48
