SVG 图标

Youonlylivetwice

还没有评分，抢首评

影视

复制与下载

SVG 矢量格式 · 当前版本

使用场景

颜色与描边跟随预览参数实时变化，以下为常见界面中的渲染效果。

按钮内

输入框

搜索Youonlylivetwice...

导航

Youonlylivetwice

空状态

暂无内容

场景预览

桌面 / 浏览器 / 按钮 / 导航栏

手机桌面 · App 图标

9:41

Youonlylivetwice

浏览器 · 标签页与站点

8c217e08feb6fe9a.example

Youonlylivetwice开始使用

操作按钮 · 主次层级

Youonlylivetwice了解更多

底部导航 · Tab 栏

Youonlylivetwice推荐收藏我的

UI 使用示例

真实组件上下文中的渲染效果，代码可直接复制。

导航项

导航菜单

html

<a href="#" class="flex items-center gap-2.5 rounded-lg px-3 py-2 text-sm text-neutral-700 hover:bg-neutral-100 dark:text-neutral-200 dark:hover:bg-neutral-800">
  <!-- 内联 Youonlylivetwice SVG -->
  <span>导航菜单</span>
</a>

主要按钮

立即开始

html

<button class="inline-flex items-center gap-2 rounded-lg bg-neutral-900 px-4 py-2 text-sm font-medium text-white dark:bg-neutral-100 dark:text-neutral-900">
  <!-- 内联 Youonlylivetwice SVG -->
  立即开始
</button>

React 组件

内联引入

react

import { YouonlylivetwiceIcon } from './icons';

function Nav() {
  return <YouonlylivetwiceIcon className="size-4" />;
}

状态徽标

已完成

html

<span class="inline-flex items-center gap-1.5 rounded-full bg-neutral-100 px-2.5 py-1 text-xs font-medium text-neutral-700">
  <!-- 内联 Youonlylivetwice SVG -->
  已完成
</span>

输入框前缀

搜索框

搜索Youonlylivetwice…

html

<div class="flex items-center gap-2 rounded-lg border border-neutral-200 px-3 py-2 text-sm">
  <!-- 内联 Youonlylivetwice SVG -->
  <input placeholder="搜索Youonlylivetwice…" class="w-full outline-none" />
</div>

功能卡片

功能名称

功能的一句话说明。

html

<div class="rounded-xl border border-neutral-200 p-4">
  <span class="flex size-9 items-center justify-center rounded-lg bg-neutral-900 text-white">
    <!-- 内联 Youonlylivetwice SVG -->
  </span>
  <p class="mt-3 text-sm font-medium">功能名称</p>
  <p class="mt-1 text-xs text-neutral-500">功能的一句话说明。</p>
</div>

动效图标

为 Youonlylivetwice 添加 CSS 动效，导出的 SVG 内嵌样式，单文件即可播放，无需任何依赖。

描画

线条从无到有依次绘出，适合线性图标

.icon-8c217e08feb6fe9a { stroke-dasharray: 1; animation: svg-draw 1.2s forwards; }

呼吸

透明度往复渐变，适合状态提示图标

.icon-8c217e08feb6fe9a { animation: svg-breathe 1.8s infinite; }

旋转

匀速循环旋转，适合加载中场景

.icon-8c217e08feb6fe9a { animation: svg-spin 1.6s linear infinite; }

用法示例

Youonlylivetwice 在真实界面中的三种常见用法。

继续下一步

按钮内
16px · action 触发

Youonlylivetwice

导航项
18px · 列表选中态

暂无数据

空状态
40px · 引导提示

各尺寸下的 Youonlylivetwice

24px 到 128px 六个常用尺寸的真实渲染，用于检查小尺寸下的可读性。

24px

32px

48px

64px

96px

128px

下载 Youonlylivetwice 图标

SVG 矢量文件、PNG 位图（预设 16~512px 或自定义 16~1024px）、Favicon 包、App 图标包（iOS + Android）与矢量 PDF 一键导出；下载前可在下方「预览参数」改色，导出文件同步生效。

按预览颜色导出自定义尺寸px（16~1024）

复制 Youonlylivetwice 图标代码

Web、移动端、桌面端与小程序共 17 种格式；代码基于当前预览颜色生成，复制即用。

svg

<svg viewBox="-57.84314212 -49.45012752 517.16574354 189.50157987" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="m157.077 29.275v.264c0 .089 0 .089.087.089zm-.615 1.495c-.087.087-.264.087-.352.087l.088 3.252c-.527-.088-1.142-.176-1.668-.264l.35 11.248c0 .175-.263.527-.44.527-.527.088-.965.176-1.405.263v2.197c-2.197-.264-4.482-.527-6.68-.79l-.438-14.675c-.439 0-.791-.088-1.23-.088-.791.088-1.581.176-2.461.263a.6.6 0 0 1 -.614-.615l-.176-4.218c0-.263.264-.527.527-.527 2.46-.351 4.745-.615 7.118-.966 2.46-.353 4.745-.704 7.205-1.143h.264s.088-.087.176-.087c.351-.09.615-.09.879-.177.35 0 .615-.087.966-.087.791-.176 1.582-.353 2.285-.44.79-.175 1.581-.351 2.372-.439.264-.089.615.088.703.439l1.055 5.185.615-5.8c0-.175.264-.439.44-.439.526-.176.877-.176.966-.176.175-.088.44-.175.879-.264a90.54 90.54 0 0 0 4.657-1.142c.264 0 .615.175.703.527l.879 5.096.616-5.798c.087-.177.264-.44.439-.44.176-.088.35-.088.702-.175.089-.09.351-.09.616-.265 1.23-.263 2.372-.615 3.427-.878.087-.089.263-.089.352 0 .088-.089.175-.176.263-.176.35-.176.79-.264 1.23-.439.352-.089.703-.176 1.23-.352.79-.264 1.582-.44 2.197-.703.703-.264 1.406-.439 2.109-.702.351-.177.791.175.791.527l.528 18.628c0 .264-.177.528-.353.616-.175 0-.262.088-.35.088l.526 18.101a100.844 100.844 0 0 0 -5.272-1.581c-.528-.088-.966-.264-1.406-.352l-.44-14.235c-.35 0-.614-.264-.614-.528l-.089-2.46-3.778 15.993c-2.373-.615-4.92-1.142-7.382-1.67l-1.054-7.908c-.089 0-.264.087-.44.087l-1.67 7.206c-2.46-.439-4.921-.878-7.381-1.23zm24.078 3.778-.263-10.633-1.144 10.282c.44.087.968.175 1.406.35zm39.894 13.532.175 4.13c-.702-.263-1.317-.615-1.932-.878l-.087-4.13c.614.263 1.23.527 1.844.878zm2.548 1.055.089 4.218c-.703-.351-1.319-.615-2.021-.967l-.088-4.13c.615.352 1.318.616 2.02.88zm-5.447-2.372.087 4.13c-1.845-.791-3.603-1.494-5.36-2.197l.087 3.25c1.758.616 3.604 1.319 5.36 2.11l.09 4.482c-1.758-.791-3.516-1.582-5.273-2.285l.175 3.515c1.759.79 3.516 1.581 5.272 2.373l.09 4.832c-4.043-1.845-8.086-3.602-12.127-5.184l-.791-20.123a283.438 283.438 0 0 1 12.39 5.097zm-13.27 0c-.087-2.022-.087-3.603-.79-4.746-.703-.967-1.933-1.67-4.482-2.46-1.494-.44-2.987-.967-4.57-1.319-2.285-.527-3.515-.527-4.305.176-1.055.967-1.055 2.9-.879 4.57l.175 7.118c.088 3.514.528 4.92 1.934 6.063 1.494 1.054 3.866 1.845 7.205 2.9 3.164 1.054 4.483.879 5.273 0 .703-.879.878-2.285.703-3.164l-.087-3.954a500.558 500.558 0 0 1 -6.24-2.11c0 
…

预览参数

调整颜色、描边或开启轮廓化，使用场景与用法示例实时跟随。

颜色

风格变体

细线 · 1.2px · 密集布局

常规 · 2px · 通用界面

加粗 · 3.5px · 大尺寸标题

关于 Youonlylivetwice 图标

Youonlylivetwice 是影视分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。影视公司与流媒体平台的标识。

在本页点击「下载」即可保存 Youonlylivetwice 的 SVG 矢量文件，或在下载面板中选择 PNG（16~512px）与 Favicon 包等导出方式；也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。

Youonlylivetwice 的品牌标志与名称版权归其品牌方所有，本站内容仅供学习与设计识别参考，请勿用于商标注册或误导性用途；商用前请确认品牌官方的使用规范与授权要求。文件体积 14.49 KB，viewBox 为 -57.84314212 -49.45012752 517.16574354 189.50157987，共 5 个矢量图元。

常见问题

Youonlylivetwice 图标是什么？

Youonlylivetwice 是影视分类下的矢量图标（SVG 格式），矢量特性意味着任意缩放不失真，适配网页、App、演示文稿与印刷物料。

如何下载 Youonlylivetwice 图标？

在本页点击「下载 SVG」即可保存 Youonlylivetwice 的矢量文件，或在下载面板中选择 PNG（16~512px）与 Favicon 包等导出方式；也可以直接复制 SVG 源码、Data URI 或 React/Vue 组件代码。

Youonlylivetwice 图标可以商用吗？

Youonlylivetwice 为品牌标志，版权归品牌方所有，本站内容仅供识别参考；商用前请先确认对应品牌的使用规范与授权要求。

如何修改 Youonlylivetwice 图标的颜色？

在「预览参数」面板中调整颜色与描边宽度，使用场景与用法示例会实时跟随，确认效果后再复制或下载即可。

SVG 健康报告

100/100

同时含 width/height 与 viewBox，可仅保留 viewBox 以自适应容器

文件体积

14.49 KB

14,837 字节

viewBox

-57.84314212 -49.45012752 517.16574354 189.50157987

同时含 width/height 与 viewBox，可仅保留 viewBox 以自适应容器

图元总数

<path> ×5

风格

多彩

3 种品牌色 · 纯填充

提取色值#ed3130#231f20#fad20f

相似图标

按名称与标签相似度排序。

同色系图标

品牌色 #ed3130 的同色相色阶，点击复制色值；下方为品牌色同色相的其他图标。

#fde8e8#fac7c7#f58f8e#ef4e4d#e11514#ed3130#c51211#8c0d0c

Youonlylivetwice 品牌色详表
RGB	HSL	CMYK	色名
237, 49, 48	0°, 84%, 56%	0, 79, 80, 7	品牌主色 · 红色
250, 199, 199	0°, 84%, 88%	0, 20, 20, 2	粉红色
245, 143, 142	1°, 84%, 76%	0, 42, 42, 4	热粉色
239, 78, 77	0°, 84%, 62%	0, 67, 68, 6	棕色

Viper ACR

sports-events

#ed1414

SNCF

#cc2229

Sumitomo Realty & Development

#cc2229

#cc2229

#eb212e

#cc1b59

图标信息摘要

Youonlylivetwice 是一个影视类别的单文件 SVG 矢量图标，文件体积 14.49 KB，协议为™ 品牌商标（版权归品牌方，仅供识别参考）。可在本站免费下载 Youonlylivetwice的 SVG 源文件与 PNG 位图（16-512px），支持自定义颜色与描边宽度、一键生成 Favicon 包，并提供 React / Vue 组件代码与 Data URI 引用。