release logo
release from Catppuccin Icons by Catppuccin · Color · MIT Free for personal and commercial use.
- Name
- release
- Set
- Catppuccin Icons
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
The same logo in other sets
Use the release logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="none" stroke="#ed8796" stroke-linecap="round" stroke-linejoin="round" d="M6.047 5.892C2.637 5.334 1.5 8.682 1.5 8.682l2.842.557m5.928.798c.568 3.347-2.842 4.463-2.842 4.463l-.568-2.79"/><path fill="none" stroke="#7dc4e4" stroke-linecap="round" stroke-linejoin="round" d="M8.888 7.008a1.607 1.578 0 1 1 2.274-2.231a1.607 1.578 0 0 1-2.274 2.23"/><path fill="none" stroke="#eed49f" stroke-linecap="round" stroke-linejoin="round" d="M2.637 10.913c-1.137 1.115-.569 2.789-.569 2.789s1.705.558 2.842-.558"/><path fill="none" stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round" d="m11.535 8.94l-4.92 2.53l-2.273-2.23l2.577-4.83a4.82 4.82 0 0 1 3.684-2.502l3.356-.405a.478.478 0 0 1 .538.528l-.413 3.294a4.74 4.74 0 0 1-2.549 3.616"/></svg>
React
import type { SVGProps } from "react";
export function CatppuccinRelease(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="none" stroke="#ed8796" strokeLinecap="round" strokeLinejoin="round" d="M6.047 5.892C2.637 5.334 1.5 8.682 1.5 8.682l2.842.557m5.928.798c.568 3.347-2.842 4.463-2.842 4.463l-.568-2.79"/><path fill="none" stroke="#7dc4e4" strokeLinecap="round" strokeLinejoin="round" d="M8.888 7.008a1.607 1.578 0 1 1 2.274-2.231a1.607 1.578 0 0 1-2.274 2.23"/><path fill="none" stroke="#eed49f" strokeLinecap="round" strokeLinejoin="round" d="M2.637 10.913c-1.137 1.115-.569 2.789-.569 2.789s1.705.558 2.842-.558"/><path fill="none" stroke="#cad3f5" strokeLinecap="round" strokeLinejoin="round" d="m11.535 8.94l-4.92 2.53l-2.273-2.23l2.577-4.83a4.82 4.82 0 0 1 3.684-2.502l3.356-.405a.478.478 0 0 1 .538.528l-.413 3.294a4.74 4.74 0 0 1-2.549 3.616"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="none" stroke="#ed8796" stroke-linecap="round" stroke-linejoin="round" d="M6.047 5.892C2.637 5.334 1.5 8.682 1.5 8.682l2.842.557m5.928.798c.568 3.347-2.842 4.463-2.842 4.463l-.568-2.79"/><path fill="none" stroke="#7dc4e4" stroke-linecap="round" stroke-linejoin="round" d="M8.888 7.008a1.607 1.578 0 1 1 2.274-2.231a1.607 1.578 0 0 1-2.274 2.23"/><path fill="none" stroke="#eed49f" stroke-linecap="round" stroke-linejoin="round" d="M2.637 10.913c-1.137 1.115-.569 2.789-.569 2.789s1.705.558 2.842-.558"/><path fill="none" stroke="#cad3f5" stroke-linecap="round" stroke-linejoin="round" d="m11.535 8.94l-4.92 2.53l-2.273-2.23l2.577-4.83a4.82 4.82 0 0 1 3.684-2.502l3.356-.405a.478.478 0 0 1 .538.528l-.413 3.294a4.74 4.74 0 0 1-2.549 3.616"/></svg> </template>
CSS
.icon-release {
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%2016%2016%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ed8796%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.047%205.892C2.637%205.334%201.5%208.682%201.5%208.682l2.842.557m5.928.798c.568%203.347-2.842%204.463-2.842%204.463l-.568-2.79%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%237dc4e4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.888%207.008a1.607%201.578%200%201%201%202.274-2.231a1.607%201.578%200%200%201-2.274%202.23%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23eed49f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.637%2010.913c-1.137%201.115-.569%202.789-.569%202.789s1.705.558%202.842-.558%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23cad3f5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.535%208.94l-4.92%202.53l-2.273-2.23l2.577-4.83a4.82%204.82%200%200%201%203.684-2.502l3.356-.405a.478.478%200%200%201%20.538.528l-.413%203.294a4.74%204.74%200%200%201-2.549%203.616%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%2016%2016%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ed8796%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.047%205.892C2.637%205.334%201.5%208.682%201.5%208.682l2.842.557m5.928.798c.568%203.347-2.842%204.463-2.842%204.463l-.568-2.79%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%237dc4e4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.888%207.008a1.607%201.578%200%201%201%202.274-2.231a1.607%201.578%200%200%201-2.274%202.23%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23eed49f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.637%2010.913c-1.137%201.115-.569%202.789-.569%202.789s1.705.558%202.842-.558%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23cad3f5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.535%208.94l-4.92%202.53l-2.273-2.23l2.577-4.83a4.82%204.82%200%200%201%203.684-2.502l3.356-.405a.478.478%200%200%201%20.538.528l-.413%203.294a4.74%204.74%200%200%201-2.549%203.616%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/catppuccin/release.svg?color=%231a73e8&size=48
