ruby icon
ruby-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- ruby-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
Use the ruby icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M509.815 112.02q-1.103.074-2.2.213h-4.328l-3.406 1.703a36.3 36.3 0 0 0-8.87 4.4l-145.96 73.013l-153.695 153.692l-72.66 145.247a36.3 36.3 0 0 0-4.897 9.863l-1.561 3.122v3.974a36.3 36.3 0 0 0 0 8.302v298.229l6.883 9.508c5.975 8.28 12.713 16.544 20.578 24.41c37.856 37.854 87.664 57.169 142.625 62.015a36.3 36.3 0 0 0 11.566 1.774h575.753c3.14.534 6.337.654 9.508.355a36 36 0 0 0 2.554-.355h29.803V881.54a36.3 36.3 0 0 0 0-11.92V293.88a36.3 36.3 0 0 0-1.774-11.566c-4.848-54.956-24.165-104.757-62.017-142.622h-.071v-.07c-7.85-7.807-16.071-14.49-24.268-20.436l-9.58-6.954h-298.66a36 36 0 0 0-5.322-.213m133.188 72.872h145.96c2.467 2.081 5.248 4.054 7.451 6.245c26.585 26.63 40.964 64.743 42.291 111.188zm-132.691 5.11l65.707 39.38l-25.474 156.104l-64.359 64.357l-100.69 100.687l-156.107 25.473l-39.381-65.705l61.095-122.258L388.05 251.095zm132.762 79.612l123.183 73.937l-138.084 17.242zm178.814 140.21c-21.21 68.248-62.66 142.573-122.402 211.875l-65.85-188.389zm-252.54 59.603l53.645 153.55l-153.553-53.643l68.12-68.119zm269.499 81.032v236.994L738.44 687.05c40.102-43.738 73.727-89.827 100.406-136.59m-478.044 77.697L343.56 766.238l-73.938-123.18zm72.52 5.464l188.322 65.847c-69.283 59.712-143.574 101.195-211.81 122.4zm-248.424 9.366l117.435 195.698c-46.5-1.327-84.636-15.736-111.262-42.361c-2.161-2.162-4.113-4.939-6.173-7.38zm502.169 95.436l100.405 100.404h-237c46.768-26.68 92.86-60.308 136.595-100.404"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignRubyOutlined(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillRule="evenodd" d="M509.815 112.02q-1.103.074-2.2.213h-4.328l-3.406 1.703a36.3 36.3 0 0 0-8.87 4.4l-145.96 73.013l-153.695 153.692l-72.66 145.247a36.3 36.3 0 0 0-4.897 9.863l-1.561 3.122v3.974a36.3 36.3 0 0 0 0 8.302v298.229l6.883 9.508c5.975 8.28 12.713 16.544 20.578 24.41c37.856 37.854 87.664 57.169 142.625 62.015a36.3 36.3 0 0 0 11.566 1.774h575.753c3.14.534 6.337.654 9.508.355a36 36 0 0 0 2.554-.355h29.803V881.54a36.3 36.3 0 0 0 0-11.92V293.88a36.3 36.3 0 0 0-1.774-11.566c-4.848-54.956-24.165-104.757-62.017-142.622h-.071v-.07c-7.85-7.807-16.071-14.49-24.268-20.436l-9.58-6.954h-298.66a36 36 0 0 0-5.322-.213m133.188 72.872h145.96c2.467 2.081 5.248 4.054 7.451 6.245c26.585 26.63 40.964 64.743 42.291 111.188zm-132.691 5.11l65.707 39.38l-25.474 156.104l-64.359 64.357l-100.69 100.687l-156.107 25.473l-39.381-65.705l61.095-122.258L388.05 251.095zm132.762 79.612l123.183 73.937l-138.084 17.242zm178.814 140.21c-21.21 68.248-62.66 142.573-122.402 211.875l-65.85-188.389zm-252.54 59.603l53.645 153.55l-153.553-53.643l68.12-68.119zm269.499 81.032v236.994L738.44 687.05c40.102-43.738 73.727-89.827 100.406-136.59m-478.044 77.697L343.56 766.238l-73.938-123.18zm72.52 5.464l188.322 65.847c-69.283 59.712-143.574 101.195-211.81 122.4zm-248.424 9.366l117.435 195.698c-46.5-1.327-84.636-15.736-111.262-42.361c-2.161-2.162-4.113-4.939-6.173-7.38zm502.169 95.436l100.405 100.404h-237c46.768-26.68 92.86-60.308 136.595-100.404"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M509.815 112.02q-1.103.074-2.2.213h-4.328l-3.406 1.703a36.3 36.3 0 0 0-8.87 4.4l-145.96 73.013l-153.695 153.692l-72.66 145.247a36.3 36.3 0 0 0-4.897 9.863l-1.561 3.122v3.974a36.3 36.3 0 0 0 0 8.302v298.229l6.883 9.508c5.975 8.28 12.713 16.544 20.578 24.41c37.856 37.854 87.664 57.169 142.625 62.015a36.3 36.3 0 0 0 11.566 1.774h575.753c3.14.534 6.337.654 9.508.355a36 36 0 0 0 2.554-.355h29.803V881.54a36.3 36.3 0 0 0 0-11.92V293.88a36.3 36.3 0 0 0-1.774-11.566c-4.848-54.956-24.165-104.757-62.017-142.622h-.071v-.07c-7.85-7.807-16.071-14.49-24.268-20.436l-9.58-6.954h-298.66a36 36 0 0 0-5.322-.213m133.188 72.872h145.96c2.467 2.081 5.248 4.054 7.451 6.245c26.585 26.63 40.964 64.743 42.291 111.188zm-132.691 5.11l65.707 39.38l-25.474 156.104l-64.359 64.357l-100.69 100.687l-156.107 25.473l-39.381-65.705l61.095-122.258L388.05 251.095zm132.762 79.612l123.183 73.937l-138.084 17.242zm178.814 140.21c-21.21 68.248-62.66 142.573-122.402 211.875l-65.85-188.389zm-252.54 59.603l53.645 153.55l-153.553-53.643l68.12-68.119zm269.499 81.032v236.994L738.44 687.05c40.102-43.738 73.727-89.827 100.406-136.59m-478.044 77.697L343.56 766.238l-73.938-123.18zm72.52 5.464l188.322 65.847c-69.283 59.712-143.574 101.195-211.81 122.4zm-248.424 9.366l117.435 195.698c-46.5-1.327-84.636-15.736-111.262-42.361c-2.161-2.162-4.113-4.939-6.173-7.38zm502.169 95.436l100.405 100.404h-237c46.768-26.68 92.86-60.308 136.595-100.404"/></svg> </template>
CSS
.icon-ruby-outlined {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M509.815%20112.02q-1.103.074-2.2.213h-4.328l-3.406%201.703a36.3%2036.3%200%200%200-8.87%204.4l-145.96%2073.013l-153.695%20153.692l-72.66%20145.247a36.3%2036.3%200%200%200-4.897%209.863l-1.561%203.122v3.974a36.3%2036.3%200%200%200%200%208.302v298.229l6.883%209.508c5.975%208.28%2012.713%2016.544%2020.578%2024.41c37.856%2037.854%2087.664%2057.169%20142.625%2062.015a36.3%2036.3%200%200%200%2011.566%201.774h575.753c3.14.534%206.337.654%209.508.355a36%2036%200%200%200%202.554-.355h29.803V881.54a36.3%2036.3%200%200%200%200-11.92V293.88a36.3%2036.3%200%200%200-1.774-11.566c-4.848-54.956-24.165-104.757-62.017-142.622h-.071v-.07c-7.85-7.807-16.071-14.49-24.268-20.436l-9.58-6.954h-298.66a36%2036%200%200%200-5.322-.213m133.188%2072.872h145.96c2.467%202.081%205.248%204.054%207.451%206.245c26.585%2026.63%2040.964%2064.743%2042.291%20111.188zm-132.691%205.11l65.707%2039.38l-25.474%20156.104l-64.359%2064.357l-100.69%20100.687l-156.107%2025.473l-39.381-65.705l61.095-122.258L388.05%20251.095zm132.762%2079.612l123.183%2073.937l-138.084%2017.242zm178.814%20140.21c-21.21%2068.248-62.66%20142.573-122.402%20211.875l-65.85-188.389zm-252.54%2059.603l53.645%20153.55l-153.553-53.643l68.12-68.119zm269.499%2081.032v236.994L738.44%20687.05c40.102-43.738%2073.727-89.827%20100.406-136.59m-478.044%2077.697L343.56%20766.238l-73.938-123.18zm72.52%205.464l188.322%2065.847c-69.283%2059.712-143.574%20101.195-211.81%20122.4zm-248.424%209.366l117.435%20195.698c-46.5-1.327-84.636-15.736-111.262-42.361c-2.161-2.162-4.113-4.939-6.173-7.38zm502.169%2095.436l100.405%20100.404h-237c46.768-26.68%2092.86-60.308%20136.595-100.404%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M509.815%20112.02q-1.103.074-2.2.213h-4.328l-3.406%201.703a36.3%2036.3%200%200%200-8.87%204.4l-145.96%2073.013l-153.695%20153.692l-72.66%20145.247a36.3%2036.3%200%200%200-4.897%209.863l-1.561%203.122v3.974a36.3%2036.3%200%200%200%200%208.302v298.229l6.883%209.508c5.975%208.28%2012.713%2016.544%2020.578%2024.41c37.856%2037.854%2087.664%2057.169%20142.625%2062.015a36.3%2036.3%200%200%200%2011.566%201.774h575.753c3.14.534%206.337.654%209.508.355a36%2036%200%200%200%202.554-.355h29.803V881.54a36.3%2036.3%200%200%200%200-11.92V293.88a36.3%2036.3%200%200%200-1.774-11.566c-4.848-54.956-24.165-104.757-62.017-142.622h-.071v-.07c-7.85-7.807-16.071-14.49-24.268-20.436l-9.58-6.954h-298.66a36%2036%200%200%200-5.322-.213m133.188%2072.872h145.96c2.467%202.081%205.248%204.054%207.451%206.245c26.585%2026.63%2040.964%2064.743%2042.291%20111.188zm-132.691%205.11l65.707%2039.38l-25.474%20156.104l-64.359%2064.357l-100.69%20100.687l-156.107%2025.473l-39.381-65.705l61.095-122.258L388.05%20251.095zm132.762%2079.612l123.183%2073.937l-138.084%2017.242zm178.814%20140.21c-21.21%2068.248-62.66%20142.573-122.402%20211.875l-65.85-188.389zm-252.54%2059.603l53.645%20153.55l-153.553-53.643l68.12-68.119zm269.499%2081.032v236.994L738.44%20687.05c40.102-43.738%2073.727-89.827%20100.406-136.59m-478.044%2077.697L343.56%20766.238l-73.938-123.18zm72.52%205.464l188.322%2065.847c-69.283%2059.712-143.574%20101.195-211.81%20122.4zm-248.424%209.366l117.435%20195.698c-46.5-1.327-84.636-15.736-111.262-42.361c-2.161-2.162-4.113-4.939-6.173-7.38zm502.169%2095.436l100.405%20100.404h-237c46.768-26.68%2092.86-60.308%20136.595-100.404%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/ruby-outlined.svg?color=%231a73e8&size=48
