How to use the Red Candle Games icon
import { RedCandleGamesLogo } from "@/assets/icons/redcandlegamesLogo"
export default function Example() {
return <RedCandleGamesLogo width="32px" height="32px" />
}Brands icon
Copy the Red Candle Games icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
Copy-ready code
// Source: https://raw.githubusercontent.com/simple-icons/simple-icons/a78ea66ee5d93dfd2ab07458de8dff522dcf3d91/icons/redcandlegames.svg
// Asset license: Simple Icons CC0 1.0 Universal. Brand names and marks remain trademarks of their respective owners.
export const RedCandleGamesLogo = ({ width = "40px", height = "40px", color = "#D23735", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill={color}>
<path d="M10.387 3.168q.028.194.08.378l.004.02a3.3 3.3 0 0 0 .326.77l.014.025q.186.31.434.57a1.5 1.5 0 0 1 .631-1.212.21.21 0 0 1 .24 0c.393.28.627.73.63 1.211a3.2 3.2 0 0 0 .435-.569l.014-.025q.21-.358.327-.77l.005-.02q.048-.187.078-.378l.01-.065a4 4 0 0 0 .028-.41v-.012a3.29 3.29 0 0 0-1.326-2.64.215.215 0 0 0-.34.15 3.3 3.3 0 0 1-1.616 2.482l-.01.02q0 .21.027.41zM5.137 13.72a.205.205 0 0 0-.222.207l.003.344q0 1.602-.122 3.172a42 42 0 0 1-.49 3.973.204.204 0 0 0 .182.239q1.02.09 2.048.158a.466.466 0 0 0 .49-.383 42 42 0 0 0 .614-7.534l-.003-.003a82 82 0 0 1-2.5-.173m13.94.551.002-.344a.205.205 0 0 0-.22-.207q-1.246.106-2.501.171l-.004.003q-.015 1.89.133 3.74a42 42 0 0 0 .476 3.76c.045.253.272.43.528.415a85 85 0 0 0 2.015-.156.203.203 0 0 0 .183-.237 41 41 0 0 1-.49-3.973 42 42 0 0 1-.123-3.172m-6.48-6.908v.896c0 .229.186.414.415.413l.57-.008a88 88 0 0 0 2.83-.1.41.41 0 0 0 .384-.352q.075-.497.157-.992.079-.461.167-.922a.184.184 0 0 0-.19-.218q-.66.04-1.323.068c-.53.022-1.062.044-1.596.056q-.707.013-1.415.018zm-5.397.847a.41.41 0 0 0 .383.352q.515.026 1.03.045a78 78 0 0 0 2.396.063.41.41 0 0 0 .416-.413V6.224a83 83 0 0 1-1.417-.018c-.534-.012-1.065-.034-1.596-.056a74 74 0 0 1-1.347-.07.182.182 0 0 0-.19.217q.09.46.166.922.086.495.16.99m12.13 1.473q-1.371.12-2.745.198c-.42.024-.84.04-1.261.057a88 88 0 0 1-2.727.064c-.2.002-.398.008-.597.008-.193 0-.38-.006-.573-.008A89 89 0 0 1 8.7 9.938q-.645-.023-1.287-.056a83 83 0 0 1-3.77-.295.22.22 0 0 0-.238.248c.049.352.09.703.137 1.057.045.345.096.688.136 1.033a.46.46 0 0 0 .415.412q.39.038.784.07c.906.077 1.816.145 2.73.192.392.02.788.033 1.184.05q.012.643.016 1.292l.004.333a87 87 0 0 1-.533 9.412.22.22 0 0 0 .208.245q1.35.055 2.72.069a.22.22 0 0 0 .222-.221V12.704h1.17v11.071c0 .122.1.22.223.22q1.365-.012 2.719-.069a.22.22 0 0 0 .209-.245 82 82 0 0 1-.46-5.996 82 82 0 0 1-.074-3.415l.004-.333q.004-.648.016-1.292a75 75 0 0 0 1.16-.047 82 82 0 0 0 2.73-.192l.82-.074a.42.42 0 0 0 .374-.372c.041-.358.095-.713.142-1.07l.136-1.057a.22.22 0 0 0-.238-.248q-.515.053-1.028.097"/>
</svg>
)
import { RedCandleGamesLogo } from "@/assets/icons/redcandlegamesLogo"
export default function Example() {
return <RedCandleGamesLogo width="32px" height="32px" />
}Built for the web
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Yes. You can copy the JSX component and use it in React and Next.js projects.
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.