Gentleface › Religion & belief › religion-christianity
religion-christianity icon
religion-christianityReligion christianity: christianity, christian, cross religious, church faith. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M12 4C12.276 4 12.512 4.098 12.707 4.293C12.902 4.488 13 4.724 13 5L13 7C13 7.276 12.902 7.512 12.707 7.707C12.512 7.902 12.276 8 12 8L10 8L10 14C10 14.276 9.902 14.512 9.707 14.707C9.512 14.902 9.276 15 9 15L7 15C6.724 15 6.488 14.902 6.293 14.707C6.098 14.512 6 14.276 6 14L6 8L4 8C3.724 8 3.488 7.902 3.293 7.707C3.098 7.512 3 7.276 3 7L3 5C3 4.724 3.098 4.488 3.293 4.293C3.488 4.098 3.724 4 4 4L6 4L6 2C6 1.724 6.098 1.488 6.293 1.293C6.488 1.098 6.724 1 7 1L9 1C9.276 1 9.512 1.098 9.707 1.293C9.902 1.488 10 1.724 10 2L10 4L12 4ZM6.707 4.707C6.512 4.902 6.276 5 6 5L4 5L4 7L6 7C6.276 7 6.512 7.098 6.707 7.293C6.902 7.488 7 7.724 7 8L7 14L9 14L9 8C9 7.724 9.098 7.488 9.293 7.293C9.488 7.098 9.724 7 10 7L12 7L12 5L10 5C9.724 5 9.488 4.902 9.293 4.707C9.098 4.512 9 4.276 9 4L9 2L7 2L7 4C7 4.276 6.902 4.512 6.707 4.707Z"/></svg>
// Gentleface "religion-christianity" (line-round), MIT. https://gentleface.com/icons/religion-christianity
import type { SVGProps } from 'react';
export function ReligionChristianityIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M12 4C12.276 4 12.512 4.098 12.707 4.293C12.902 4.488 13 4.724 13 5L13 7C13 7.276 12.902 7.512 12.707 7.707C12.512 7.902 12.276 8 12 8L10 8L10 14C10 14.276 9.902 14.512 9.707 14.707C9.512 14.902 9.276 15 9 15L7 15C6.724 15 6.488 14.902 6.293 14.707C6.098 14.512 6 14.276 6 14L6 8L4 8C3.724 8 3.488 7.902 3.293 7.707C3.098 7.512 3 7.276 3 7L3 5C3 4.724 3.098 4.488 3.293 4.293C3.488 4.098 3.724 4 4 4L6 4L6 2C6 1.724 6.098 1.488 6.293 1.293C6.488 1.098 6.724 1 7 1L9 1C9.276 1 9.512 1.098 9.707 1.293C9.902 1.488 10 1.724 10 2L10 4L12 4ZM6.707 4.707C6.512 4.902 6.276 5 6 5L4 5L4 7L6 7C6.276 7 6.512 7.098 6.707 7.293C6.902 7.488 7 7.724 7 8L7 14L9 14L9 8C9 7.724 9.098 7.488 9.293 7.293C9.488 7.098 9.724 7 10 7L12 7L12 5L10 5C9.724 5 9.488 4.902 9.293 4.707C9.098 4.512 9 4.276 9 4L9 2L7 2L7 4C7 4.276 6.902 4.512 6.707 4.707Z" />
</svg>
);
}Vue: see /icons/religion-christianity.md
Svelte: see /icons/religion-christianity.md
HTML img: see /icons/religion-christianity.md
CSS: see /icons/religion-christianity.md
Data URL: see /icons/religion-christianity.md
Sprite: see /icons/religion-christianity.md
SwiftUI: see /icons/religion-christianity.md
Compose: see /icons/religion-christianity.md
Android XML: see /icons/religion-christianity.md
Flutter: see /icons/religion-christianity.md
Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { ReligionChristianityIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- christianity, christian, cross religious, church faith
- Tags
- christianity, christian, cross, latin-cross, church, religion, belief, faith, symbol
- Category
- Religion & belief
- Component name
ReligionChristianityIcon- History
- 20 px drawn, 24 px drawn, added, released in 0.6.0
- Since
- version 0.6.0
Family 10
For agents
Metadata: /icons/religion-christianity.json · Markdown: /icons/religion-christianity.md · SVG: https://gentleface.com/svg/{style}/16/religion-christianity.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/religion-christianity.png