Vsco icon

cib:vsco

The Vsco icon (cib:vsco) is a free SVG icon from the CoreUI Brands set by creativeLabs Łukasz Holeczek. It is drawn on a 32 × 32 grid. CoreUI Brands icons are released under the CC0 1.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: CoreUI Brands
Author: creativeLabs Łukasz Holeczek
License: CC0-1.0
Size: 32 × 32

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.167 0 0 7.167 0 16s7.167 16 16 16s16-7.167 16-16S24.833 0 16 0m15.359 16c0 .542-.031 1.057-.094 1.568l-2.724-.318c.036-.417.068-.833.068-1.25c0-.385-.031-.802-.068-1.182l2.724-.323c.094.516.094.995.094 1.505M.641 16c0-.51.031-1.026.063-1.536l2.719.323c-.031.411-.063.797-.063 1.214s.031.802.063 1.214l-2.719.323c-.063-.51-.063-1.026-.063-1.536zm27.291-4.13l2.563-.958c.354.958.578 1.953.74 2.974l-2.724.323a14 14 0 0 0-.578-2.339zM28 16c0 .802-.094 1.568-.224 2.339l-2.688-.609c.094-.547.156-1.12.156-1.729s-.063-1.214-.156-1.792l2.688-.609c.156.771.224 1.568.224 2.401zm-12 8.609A8.615 8.615 0 0 1 7.391 16A8.615 8.615 0 0 1 16 7.391A8.615 8.615 0 0 1 24.609 16a8.59 8.59 0 0 1-8.573 8.609zM16.286 28v-2.75a9.5 9.5 0 0 0 3.427-.771l1.182 2.5c-1.453.641-3.021.99-4.609 1.021m-5.244-1.052l1.214-2.5a8.9 8.9 0 0 0 3.427.802V28a11.8 11.8 0 0 1-4.641-1.052M4 16c0-.833.094-1.63.255-2.432l2.688.609A8.6 8.6 0 0 0 6.75 16c0 .578.068 1.151.161 1.698l-2.688.604A10.7 10.7 0 0 1 3.999 16zM15.682 4v2.75a9.3 9.3 0 0 0-3.396.771l-1.182-2.495c1.443-.641 3-.984 4.578-1.026m5.245 1.057l-1.214 2.495a8.75 8.75 0 0 0-3.427-.766V4.031c1.667 0 3.234.385 4.641 1.026m6.781 6.209a13.3 13.3 0 0 0-1.12-2.146l2.245-1.536c.542.865 1.021 1.76 1.406 2.719zm-.088 1.724l-2.693.609a9.2 9.2 0 0 0-1.536-3.135l2.177-1.724c.958 1.276 1.667 2.682 2.052 4.25m-4.61-3.006a9.4 9.4 0 0 0-2.724-2.177l1.219-2.495a12.1 12.1 0 0 1 3.677 2.943zm-.802-4.994l1.281-2.427c.896.51 1.724 1.083 2.526 1.755l-1.823 2.083a12.4 12.4 0 0 0-1.984-1.411m-.547-.287a14 14 0 0 0-2.24-.865l.672-2.656c.995.292 1.953.641 2.88 1.12zm-2.875-1.021a12.3 12.3 0 0 0-2.432-.323V.64c1.057.031 2.109.156 3.104.385zm-3.041-.323c-.807.031-1.609.125-2.401.292L12.703.99a13.4 13.4 0 0 1 3.042-.349zm-3.042.448c-.781.224-1.542.51-2.271.865L9.151 2.24a15.4 15.4 0 0 1 2.88-1.089zM9.885 4.958q-1.056.592-1.979 1.38L6.078 4.286a17 17 0 0 1 2.531-1.755zm.641.355l1.188 2.495c-1.057.542-1.953 1.281-2.724 2.146L6.849 8.225a12.5 12.5 0 0 1 3.677-2.911zM6.464 8.734l2.146 1.729a9.2 9.2 0 0 0-1.536 3.135l-2.688-.609c.417-1.599 1.12-3.036 2.078-4.255m-2.146 2.464l-2.557-.958c.38-.958.865-1.885 1.438-2.719l2.24 1.568a10.4 10.4 0 0 0-1.12 2.109zm-.224.609c-.255.771-.479 1.536-.573 2.37l-2.719-.318c.156-1.026.38-2.052.734-3.01zm-.604 6.016c.125.802.318 1.599.573 2.37l-2.557.958a13.3 13.3 0 0 1-.74-3.01zm.828 2.943c.323.771.708 1.474 1.12 2.146l-2.24 1.536A13.5 13.5 0 0 1 1.76 21.76zm.036-1.855l2.688-.609c.286 1.156.833 2.245 1.505 3.172l-2.146 1.724a11.8 11.8 0 0 1-2.047-4.286zm4.573 3.042a9.3 9.3 0 0 0 2.755 2.208l-1.219 2.495a12.5 12.5 0 0 1-3.714-2.974zm.958 5.083l-1.276 2.438a15.5 15.5 0 0 1-2.531-1.766l1.828-2.047a9.2 9.2 0 0 0 1.979 1.375m.547.292c.703.354 1.474.641 2.271.865l-.672 2.656a15.4 15.4 0 0 1-2.88-1.089zm2.881 1.026a15 15 0 0 0 2.401.286v2.719a19.6 19.6 0 0 1-3.073-.349zm3.041.287a14 14 0 0 0 2.401-.292l.635 2.656c-.995.224-2.016.354-3.036.385zm3.005-.448c.781-.219 1.542-.51 2.271-.865l1.281 2.432c-.917.469-1.88.833-2.88 1.089zm2.782-1.157a11.4 11.4 0 0 0 1.984-1.375l1.828 2.047a16 16 0 0 1-2.531 1.766zm-.636-.348l-1.188-2.495a9.2 9.2 0 0 0 2.755-2.208l2.141 1.729a12.7 12.7 0 0 1-3.708 2.974m4.094-3.454l-2.141-1.729a8.8 8.8 0 0 0 1.5-3.167l2.693.604c-.417 1.542-1.109 3-2.052 4.292m2.083-2.432l2.557.958a15 15 0 0 1-1.438 2.719l-2.245-1.568c.453-.672.833-1.375 1.125-2.109zm.224-.609c.255-.734.448-1.536.573-2.333l2.719.318a15.4 15.4 0 0 1-.734 2.974zm.604-13.12l-2.24 1.536a13.7 13.7 0 0 0-1.599-1.823l1.823-2.052c.74.74 1.411 1.505 2.016 2.339M5.599 4.703L7.422 6.75a11.2 11.2 0 0 0-1.599 1.828L3.583 7.01a12.5 12.5 0 0 1 2.016-2.307M3.552 24.99l2.24-1.531a18 18 0 0 0 1.599 1.823l-1.823 2.047a20.5 20.5 0 0 1-2.016-2.339m22.88 2.307l-1.823-2.047a14.5 14.5 0 0 0 1.599-1.792l2.24 1.568a20 20 0 0 1-2.016 2.271"/></svg>

How to use the Vsco icon

React

import { Icon } from "@iconify/react";

<Icon icon="cib:vsco" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cib:vsco" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cib:vsco" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--vsco]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:vsco"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cib:vsco"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cib/vsco.svg" alt="Vsco icon" width="24" height="24">

Vsco icon in other icon sets

Vsco icon FAQ

Is the Vsco icon free for commercial use?

Yes. CoreUI Brands icons are released under the CC0 1.0 license, which allows use in personal and commercial projects.

How do I use the Vsco icon in React?

Install @iconify/react and render <Icon icon="cib:vsco" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Vsco icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cib/vsco.svg" alt="Vsco icon">, or paste the SVG code inline to style it with CSS.

Browse all CoreUI Brands icons →